Download Free

All-in-one prototyping tool
Prototyping web

Hi-fi prototypes for Websites & Web Apps
Prototyping mobile

Create lifelike iOS & Android prototypes
Collaboration

Share and get feedback
Requirements

Requirements management
Integrations

Sketch, JIRA and more

Free tools
Free wireframing tool

Unlimited projects and users
UI Kits

Web, iOS, Android and more

Help center
Help Center

Training and User guides
Q&A forums

For evaluation and free users
Customer stories

See how other teams use Justinmind
Blog

Learn how to master UX and UI design

Tour
- Prototyping web
  
  Hi-fi prototypes for Websites & Web Apps
- Prototyping mobile
  
  Create lifelike iOS & Android prototypes
- Collaboration
  
  Share and get feedback
- Requirements
  
  Requirements management
- Integrations
  
  Sketch, JIRA and more
Examples
Free tools
- Free wireframing tool
  
  Unlimited projects and users
- UI Kits
  
  Web, iOS, Android and more
Learn
- Help Center
  
  Training and User guides
- Q&A forums
  
  For evaluation and free users
- Customer stories
  
  See how other teams use Justinmind
- Blog
  
  Learn how to master UX and UI design
Pricing

New Topic

Community Support Topic Problem Events, Animations, Effects

Rollover/select state on lists

Matt Walton shared this problem 13 months ago

In Progress

Two Questions:

How do you create roll over effects on list objects?How do you create a "active row color" on a selected list object?

Thanks...

The same problem

Comments (3)

Danielle Schneider ● 13 months ago

You will need to create a list out of other elements in order to do this.

Once you do that, you can create "On Mouse Over" + "Change Style" events for each list 'item' and change the style of some part of the item.

Then, create an "On Click" + "Change Style" event for each list 'item' and change the style of some part of the item so it looks selected. Then, add another action - "On Click" + "Change Style" and change the style of all OTHER list items so they look unselected.

Check out the attached prototype for an example, and let me know if you have any questions.

Files: MouseOverList.v...

Reply URL

Matt Walton ● 13 months ago

Def add that to your roadmap. This is an important function for us building enterprise prototypes.

Thanks

URL

Danielle Schneider ● 13 months ago

Thanks for the feedback - I'll send it to our team.

URL