Skip to content

What can we do to make it easier to design with Wild Apricot?

← Designers

Pictures in the left Navigation Container?

Hello,

I have currently chose a hybrid template (main navigation on across the top, and sub-items along the left side), and have customized it a bit. http://www.rnlcny.org/Members The login box is also in the left submenu, although I have limited it to showing only on certian Members accessed pages.

I would like to add more to the left Navigation Container, like a 200x100 picture that tell of an event or theme, or iframes or even widgets. If it was stacked from top to bottom, the navigation container would look like: Image, Sub-Items Menu, Log-in (that I've turned on for appriotate pages), then possibly a widget or iframe.

Here is a website that has a good example of the image before the sub-items menu: http://www.journeymetro.com/brooklyn/about

I can make the object in the CSS customization, but I don't know how to place it into the html. I know I can affect the CSS, but how do I affect the html? Can I access it through webdav or something like that? An same type of question for an iframe. How do I insert that type of thing in the right place in the html? Some sort of javascript?

Let me know when you can. Also, if possible, it would be great to see an example (even a test page) to dive deep into the code and really understand how it is set up. (I use Firebug in Firefox to really explore the code and learn.)

Thanks,

Ben

0 votes

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

bench_777 shared this idea  ·   ·  Report…  ·  Admin →
How important is this to you?

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • New Daddy commented  ·   ·  Report

    [quote user="Tneewill"]

    I saw the question above about adding an image above the login box in the menu instead of below, but I did not see an answer. Is there a way to add an image above the login box in the left navigation menu? I would like to add my company logo, and it looks a little odd below the login box. Thank you.

    I was not sure if I should have started another post, so I just tagged onto this one if that's ok. Thank you.

    [/quote]

    I second this question. Any new development from the developer?

  • Tneewill commented  ·   ·  Report

    I saw the question above about adding an image above the login box in the menu instead of below, but I did not see an answer. Is there a way to add an image above the login box in the left navigation menu? I would like to add my company logo, and it looks a little odd below the login box. Thank you.

    I was not sure if I should have started another post, so I just tagged onto this one if that's ok. Thank you.

  • bench_777 commented  ·   ·  Report

    Matthieu,

    Thanks so much for that! Works perfectly now. Since my template is a hybrid, how do I hide it on pages that don't have sub-items? Got to be a way to do that in the CSS.

    Thanks,

    Ben

  • Matthieu commented  ·   ·  Report

    Hi Ben,

    I apologize for the late reply. I took a look at your site, it seems the table that was wrapping the image was causing a problem. I corrected this for you and it should be displaying properly in Firefox now.

  • bench_777 commented  ·   ·  Report

    Hello? Anything guys? Would like an answer to the above, even if it is an "I don't know" or no.

    Thanks,

    Ben

  • bench_777 commented  ·   ·  Report

    Hi guys,

    Any suggestions for above on the Firefox issue or hiding the div in a hybrid template?

    Thanks,

    Ben

  • bench_777 commented  ·   ·  Report

    I played around this this last night. It worked fairly well, except in Firefox. Instead of wrapping the box below, it continues it to the side, under the main content container. All other browsers (IE, Safari, Opera, Chrome) it shows up fine for. What can I do to fix it for Firefox? http://www.rnlcny.org/Members

    The other odd this is that displays the box all the time. Since this is a hybrid menu template, there are pages with no sub-menu items where I would like it to dissappear. I tried to clear it out in the CSS by telling the ID (#idfooterLogoContainer) to display: none, and when a menu has subitems (.rootHasSubitems #idfooterLogoContainer) display:block, but that didn't work. Can you tell me how to do this? I am hoping that there can be a code displays in this way. I would hate to have to turn in on manually in the CSS for each individual page, or have to take the js code out of globals, and insert on each page.

    This javascript is interesting to me. In general, is there a way to place a div tag anywhere on a page, outside of the CSS? For instance, say I want a div to be somewhere on the page all the time in an absolute position, independent of the CSS. Basically what you did here. You placed the div in the footer, but due to the global javascript, could place that div elsewhere on the page, and not just contained to the footer. Do you have a more generic form of this code that could be used to do this, or even can this current js code be modified to do this? Just curious, because it would be an advantage in cases like this.

    Thanks for your help with this,

    Ben

  • bench_777 commented  ·   ·  Report

    This is excellent. Any way to put the object above the sub-menu? I'll definitely play around with it.

    Thanks so much!

    Ben

Designers

Categories

Feedback and Knowledge Base

(thinking…)
WildApricot Inc. 
144 Front Street West 
Suite 725 
Toronto, Ontario M5J 2L7 
Canada
Terms and Policies
WildApricot Inc. Service Provider Level 1