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

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
Sign in
Check!
(thinking…)
Reset
or sign in with
  • facebook
  • google
    Password icon
    I agree to the terms of service
    Signed in as (Sign out)

    We’ll send you updates on this idea

    bench_777bench_777 shared this idea  ·   ·  Flag idea as inappropriate…  ·  Admin →

    10 comments

    Sign in
    Check!
    (thinking…)
    Reset
    or sign in with
    • facebook
    • google
      Password icon
      I agree to the terms of service
      Signed in as (Sign out)
      Submitting...
      • New DaddyNew Daddy commented  ·   ·  Flag as inappropriate

        [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?

      • TneewillTneewill commented  ·   ·  Flag as inappropriate

        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_777bench_777 commented  ·   ·  Flag as inappropriate

        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

      • MatthieuMatthieu commented  ·   ·  Flag as inappropriate

        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_777bench_777 commented  ·   ·  Flag as inappropriate

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

        Thanks,

        Ben

      • bench_777bench_777 commented  ·   ·  Flag as inappropriate

        Hi guys,

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

        Thanks,

        Ben

      • bench_777bench_777 commented  ·   ·  Flag as inappropriate

        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_777bench_777 commented  ·   ·  Flag as inappropriate

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

        Thanks so much!

        Ben

      Feedback and Knowledge Base

      Wild Apricot Inc. 144 Front Street West Suite 725, Toronto, Ontario, Canada M5J 2L7