Piano Menu Example
Style Editor alternative use

In this single-level menu example all items look like piano keys.

A careful observation of a real keyboard shows that we have to create 3 different versions of the "key" button so all possible visual appearances are covered.

In order to create their styles, we use all 3 available styles in the Style Editor.

While the Item Styles have their names in direct relation to where the item belongs (Main - Sub - Sub +), in this particular menu we deviate and create these Styles for use in the Main Menu Group.

That means the only customization needed is to select individual items (that initially use the Main Item Style) and assign to them the right Style.

Download this AllWebMenus project file.