Mega Menu

A new horizontal menu type was included. This menu provides the possibility to show both images and links within each option as follows:

The header of a generated e-commerce sample site named "Sabrina Tach" shows a search box, an Administrator User label, a shopping bag icon with a <a href='0'>0</a> item count, and a navigation bar with Collection, Accesories, Sale!, Backend, AuditPlus Backend, and GAM Security menu items above a red-jacket product banner image.

This kind of menu is the default one when you select the "E-Commerce" Theme or the "Horizontal Mega" Theme. However, you can select this menu for any theme in the Design System Wizard:

Step 4 "Menu Style" of the Design System Wizard shows Settings options for Orientation (Vertical/Horizontal, with Horizontal marked by a red arrow), Load Menu (From database dynamic / From Data Provider, the latter selected), and Style (Regular/Mega, with Mega marked by a red arrow), alongside a preview of a horizontal red menu bar with Home, Sample Pages, and Security options above a Persons Sample Selection grid.

Loading the menu

This menu is loaded, as usual, by using a Data Provider. Within this Data Provider you will be able to define with options and images will be included:

GeneXus source code for the MenuOptionsData Data Provider defines a DVelop_Menu structure with Item entries for Home and a Collection menu item; red arrows point to the caption = "Collection" and submenuimage properties and to a nested subItems block, annotated "Items within the Menu", containing further Item entries such as Shoes and Sandals.