On-page navigation

Last post 08-12-2011, 4:09 PM by DotCreativity. 4 replies.
Sort Posts:
  •  07-28-2011, 2:52 PM 23286

    • killman is not online. Last active: 21 May 2012, 1:24 AM killman
    • Top 50 Contributor
    • Joined about 2 years ago
    • Kansas City, KS
    • Posts 55

    On-page navigation

    Hopefully I will be able to explain this clearly enough that someone can answer. I am creating pages in Wild Apricot and using <iFrame> I insert them into the body of pages on my other website. This allows for seamless integration and gives clean and consistent appearance to our website. But in order to do this I have to create a page on my primary website for each page that I need from my WA site. Meaning, if I have 6 pages on my WA site that I want to <iFrame> over to my primary site, I need to make 6 pages on the primary site to hold each page. On my primary page I have navigation set up that links to these 6 pages.

    That works fine for now, but as I continue to add WA pages it is going to become too time consuming and confusing to create separate pages in my website...especially when the majority of these pages are referencing back to WA pages. What I would like to be able to do is create navigation on my WA pages that is part of the <iFrame> data that is captured and included in my primary site page. This, I think, would allow me to create just one, what I'll call Frame page on my primary site that would use the WA navigation to access the other WA pages that I have. Does that make sense??

    I've read the online documentation for "Adding a Static Navigation bar to Each Page', which is what I am wanting to do. And as long as I am looking at the page on from the wild apricot site, it appears exactly how I want it to. But when I go to copy the page ID number and include it in my <iFrame> on my primary page, it does not take with it the navigation. Is there a way to either move the navigation within the frame of the page that is included with the Page ID #, or otherwise incorporate the navigation into the page data so that it is picked up by the Page ID #.

     I hope that makes sense. Some background on what I am trying to do. I am setting up individual web pages for each of our chapter states, so the potential is there for at least 50 web pages. Each state chapter is going to be grouped into regions, so my navigation structure would be: Chapter --> Region --> State, and under page management, that is how I am structuring the pages. This works wonderfully as the navigation takes that structure and creates the dropdown list for me. I just need to know how I can capture that and include it with each chapter page ID #. If I cannot accomplish this, then that means that for each chapter page I create in WA, I will have to create a 'Frame' page for each on my primary site.

     

    Thank you for any help, comments and advice! 


    Larry
  •  07-29-2011, 10:36 AM 23290 in reply to 23286

    • Denys is not online. Last active: 03-27-2012, 1:38 PM Denys
    • Top 10 Contributor
    • Joined about 4 years ago
    • Toronto
    • Posts 1,457
    • WA staff

    Re: On-page navigation

    See this page: http://help.wildapricot.com/display/DOC/Adding+a+Static+Navigation+bar+to+Each+Page

    For this to work in widget you need to put
    Settings > Page footer part into the Settings >  Global javascript insted

    So first you will have to add CSS and then Javascript with div from the footer in it.

    <div id="idPrimarySidebarBlock1Content">
      *YOUR CONTENT HERE*
    </div>
    <script type="text/javascript">
      var userGlobalScriptSidebarContainer = "idPrimarySidebarBlock1Content"
      function userGlobalScriptAddSidebar () {
        var mContainer = document.getElementById('idPrimaryContentBlock1ContentHolder');
        var SidebarContainer = document.getElementById(userGlobalScriptSidebarContainer );
        if (mContainer) {
          if (SidebarContainer) {
            mContainer.appendChild(SidebarContainer);
          }
        }
      }
      if (window.BonaPage) BonaPage.addPageStateHandler(BonaPage.PAGE_PARSED, userGlobalScriptAddSidebar);
    </script>'

     

     



    Denys Zlobin
    Helpful Apricot
    http://www.wildapricot.com

  •  07-29-2011, 3:26 PM 23293 in reply to 23290

    • killman is not online. Last active: 21 May 2012, 1:24 AM killman
    • Top 50 Contributor
    • Joined about 2 years ago
    • Kansas City, KS
    • Posts 55

    Re: On-page navigation

    Denys,

     

    Thank you for getting back to me. I tried doing as you suggested, and it did put content on the page. But the content was not the nested navigation bar, and what it did put was in the footer of the page, even though I took the footer information and put it in the Global Javascript as you mentioned. If I could have gotten the nested navigation from wild apricot, even if it was in the footer, I would have been happy and could have tried to work around it.

    I was going to upload a couple of pictures the demonstrate what I am trying to do, since I know I am not doing a very good job of verbally explaining it, but I can't figure out how to attach .gif files.


    Larry
  •  08-03-2011, 9:59 AM 23308 in reply to 23293

    • Denys is not online. Last active: 03-27-2012, 1:38 PM Denys
    • Top 10 Contributor
    • Joined about 4 years ago
    • Toronto
    • Posts 1,457
    • WA staff

    Re: On-page navigation

    Just send them to support@wildapricot.com and just add a reference to this forum thread. 

    Denys Zlobin
    Helpful Apricot
    http://www.wildapricot.com

  •  08-12-2011, 4:09 PM 23396 in reply to 23286

    Re: On-page navigation

    Hello Larry,

     

    If you are still having trouble with this and are looking for help implementing it, please send me an email: ideas@dotcreativity.com


    DotCreativity Web Design Services
    http://www.dotcreativity.com
    Email: ideas@dotcreativity.com
View as RSS news feed in XML
Membership Software - Wild Apricot