View Issue Details

IDProjectCategoryView StatusLast Update
0019995phpList 3 applicationTheme - Trevelinpublic19-07-19 14:42
Reporterrudolf 
PrioritynormalSeverityminorReproducibilityhave not tried
Status resolvedResolutionfixed 
Product Version3.4.2 
Target Version3.4.4Fixed in Version3.4.4 
Summary0019995: Prototype of the navigation menu/sub-menus on Travelin theme
DescriptionHere is the prototype of the menu/sub-menu navigation on Travelin theme:

https://xd.adobe.com/view/be7cc10f-923f-454a-5cbf-2646259173c6-c84d/

(for the sake of the demonstration, Dashboard and Subscribers page are working only)

And here is how it works: When the user hovers a main menu item, the sub-menu expands in the right side, this way the user navigates through with only one click.
When the user hovers a sub-menu item the text of the the sub-menu turns the color in to orange #FF9966 (Adobe XD currently doesn't supports a hover state).
When the user clicks a sub-menu item, the sub-menu expands underneath the main menu and the desired page loads in the right side (active sub-menu item, text color turns in to white).
When an item of the sub-menu is active the hover state of the parent is inactive. All the other main menu items can hover.
All main menu items (that have a sub-menu), can't be directly clicked, only hovered, this way preventing to prioritize one sub-menu item over another when clicked.
TagsNo tags attached.

Relationships

related to 0019858 resolvedrudolf Research: Make navigation sub-menus expand on hover for desktop users only 

Activities

samtuke

24-06-19 10:15

administrator   ~0062469

@rudolf the contrast of the horizontal sub menu items is low and not easy to read (light grey on dark grey). Could you find a way to increase it?

rudolf

24-06-19 10:40

administrator   ~0062470

@samtuke, I increased the contrast of the inactive menus. The hover menu is supposed to change color to orange. Here is an attach of the preview with hover effect:

Subscribers.png (24,381 bytes)
Subscribers.png (24,381 bytes)

samtuke

24-06-19 11:03

administrator   ~0062471

@rudolf Seems like it's hard to make the hover effects work in XD?

rudolf

24-06-19 12:21

administrator   ~0062479

Last edited: 24-06-19 12:23

View 2 revisions

@samtuke, hover effect is not currently supported by Adobe XD.

https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/12941394-tap-hover-effect

samtuke

24-06-19 12:49

administrator   ~0062480

Thanks, this looks resolved to me then. The prototype is ready for whoever wishes to implement the menu improvement outlined in 0019858