Join Brian Thurston Bralczyk for an in-depth discussion in this video Solution: Creating an accordion menu, part of UX Design Tools: Axure.
- View Offline
- Exercise Files
…Okay, so let's take a look at how I went…about creating an accordion menu here on our collections page.…As always, the first step is to ensure we have all…of the content pages we're going to need on the page.…We've got the three header rows here which will be our triggers for the interaction,…but we need to have the paragraphs of…content that will show OnClick for each row.…Now, as we start dragging on new paragraph widgets, things…are going to start to get crowded on our design area.…This is really not a typical enacture, so we'll take it slow…and make sure we've always got the right widget selected when we're editing.…
So let's drag on our first paragraph.…And we'll place it just so it lines…up below the Volunteers Needed header above it.…And I'm going to give it just a little bit of space.…In fact, it's going to line up with the top of the header below it.…Now before we do anything else, because this is going to be the target of…an action, I want to give the widget a name right now before I forget.…I'll go up here and I'm going to name this one Volunteer's…
AuthorBrian Thurston Bralczyk
- Using and styling widgets
- Setting up interactions
- Creating hide/show options for content
- Creating an accordion menu
- Applying web fonts
- Using flow widgets
- Creating and placing masters
- Styling pages
- Adding form fields with widgets
- Building a slideshow with dynamic panels
- Setting up adaptive views
Skill Level Intermediate
Foundations of UX: Prototypingwith James Williamson1h 39m Beginner
1. Getting Started
2. Shape and Text Widgets
3. Adding Interactivity
4. Generating and Sharing Prototypes
5. Web Fonts
Setting up web fonts4m 7s
6. Flows and Sitemaps
8. Page Options
9. Form Widgets
10. Dynamic Panels
11. Adaptive Web Design
Next steps1m 12s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.