Open Forum

 View Only
  • 1.  Custom page navigation

    Posted 19 days ago
    We have a custom webpage with a lot of content (it's long!), so trying to format for easier navigation around the page but I'm not finding anything workable in flex. Any ideas are welcome! We've looked at anchor links (not possible in flex), pop up windows like the speaker widget (while we can duplicate this widget onto the page, don't know how to add the content?) and haven't been able to find anything about adding a drop down menu at the top of the page, where people select an option and then it jumps to that section / content. Does anyone have any ideas of a workable solution in flex? Thank you in advance.
    #Flex-Creating/ManagingEvents

    ------------------------------
    Lynda de Koning
    Programs Manager
    Australian Performing Arts Centres Association (APACA)
    ------------------------------


  • 2.  RE: Custom page navigation

    Community MVP
    Posted 19 days ago

    @Lynda de Koning

    With Flex you have the option of using the Code widget. You can add custom HTML, CSS, or JavaScript to the widget. You can either do the anchor tags or create some sort of open & close sections found on many FAQ pages. If you don't have the custom code widget reach out to your account rep to turn it on.

    I am adding code I quickly did showing how I have used anchor tags in the past. (don't mind the Lorem Ipsum text).

    <div>
    <ul>
    <li><a href="#story-1">Story 1</a></li>
    <li><a href="#story-2">Story 2</a></li>
    <li><a href="#story-3">Story 3</a></li>
    </ul>

    <div id="story-1">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In accumsan lacus ut ante placerat lobortis. Praesent risus orci, ullamcorper vel magna in, lacinia consectetur nunc. Suspendisse a ipsum enim. Suspendisse cursus finibus lacus.</p>

    <p>Sit amet efficitur neque laoreet suscipit. Aenean vestibulum ligula tristique, sollicitudin neque id, congue nisl. Maecenas eget metus odio. Integer pulvinar neque id neque pulvinar dictum. Aenean urna lorem, facilisis bibendum eros at, pretium lobortis nibh.</p>
    </div>

    <div id="story-2">
    <p>uspendisse vehicula efficitur maximus. Curabitur vel facilisis ligula. Nunc maximus suscipit leo ut mattis. Fusce scelerisque, elit non dictum vestibulum, ante nulla dictum elit, a ullamcorper.</p>

    <p>Sit amet efficitur neque laoreet suscipit. Aenean vestibulum ligula tristique, sollicitudin neque id, congue nisl. Maecenas eget metus odio. Integer pulvinar neque id neque pulvinar dictum. Aenean urna lorem, facilisis bibendum eros at, pretium lobortis nibh.</p>
    </div>

    <div id="story-3">
    <p>uspendisse vehicula efficitur maximus. Curabitur vel facilisis ligula. Nunc maximus suscipit leo ut mattis. Fusce scelerisque, elit non dictum vestibulum, ante nulla dictum elit, a ullamcorper.</p>

    <p>Sit amet efficitur neque laoreet suscipit. Aenean vestibulum ligula tristique, sollicitudin neque id, congue nisl. Maecenas eget metus odio. Integer pulvinar neque id neque pulvinar dictum. Aenean urna lorem, facilisis bibendum eros at, pretium lobortis nibh.</p>
    </div>
    </div>



    ------------------------------
    James Rose | Senior Web Developer and Content Management
    Digital Infrastructure
    Office of University Development | University of Michigan
    ------------------------------



  • 3.  RE: Custom page navigation

    Posted 18 days ago

    Dear James,

    Thank you for your assistance, we were not aware of the custom code widget and can see how this could find a solution. Unfortunately, we don't have inhouse coding expertise, thus I'm wondering if there is another solution using an existing widget or similar? 

    Lynda



    ------------------------------
    Lynda de Koning
    Programs Manager
    Australian Performing Arts Centres Association (APACA)
    ------------------------------