Join Brian Thurston Bralczyk for an in-depth discussion in this video Solution: Using custom styles for interactions, part of UX Design Tools: Axure.
- View Offline
- Exercise Files
…All right, so we've got our interaction styles from MouseOver…and MouseDown set up on our text links at the top.…But we actually have several more text links…on the page, these Learn More links, for example.…And we'll want to create text links elsewhere in…our site that might be within pieces of content.…So, we should probably set up those interaction styles as custom…base styles so that we can apply them in the future.…Let's do that now.…I want my custom styles to match what we…did for MouseOver and MouseDown on these individual text widgets.…
So, I'm going to make note in this Properties Pane of the hex code values for…those colors so that I can type that in and get the exact same colors.…And we've got 6699CC and 3399CC.…Now, I'm going to switch over to the Style tab and…scroll down until I get to my Widget Style Editor.…And I'm going to create a new custom style.…The first one's going to be called MouseOver.…And again, I want to change the font color, and I'm going to…type in that first hex value, which was 6699CC, and hit Enter.…
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.