Overview

This widget display a whole menu on top of the page, or inside the page. Choose one Joomla menu, and the widget displays all items, exactly as the default top menu of your template. Benefits from advanced features : theming for each element : main bar, buttons, dropdown panels, dropdown items. As any widget, the menu is responsive and benefits from advanced features like display settings, extend backgrounds, conditional display, animattions. 

 

There are 3 widgets available to display a Joomla menu :

- dropdown menu : most classical with a large buttons bar, and dropdon items for the submenus.
- list menu : all items are displayed one after the others, in one list, or in several self adjusting columns. This can be useful on the bottom of your page.
- columns menu : items are displayed in several columns, on column by main item. This can be useful on the bottom of your page.

.

Tip : display the dropdown menu in a module on the side of the page. Set it vertically. You can see the main items like any list, and going over with the mouse, you see the subitems in flying panels on the side.

 

 

Panel features

This component has general features common to all panels. 

  • General border settings : style, colors, custom sides, custom rounded corners See more
  • General border animated effects : See more
  • General background settings : filling, colors, opacity, images. See more
  • General background animated effectsSee more
  • General shadow  : style, always/hover
  • Header position : top/bottom/left/right
  • Header align : left/center/right
  • Header paddings
  • Header style : default template tag (h1 – h6) or custom
  • Header font settings : 800 fonts, size, colors, weight, spacing, capitalize See more
  • Header glyph settings : position, size, colors
  • Header glyph animated effects : See more
  • Header stroke : style, position, width, color
  • Header border settings : style, colors, custom sides, custom rounded corners See more
  • Header border animated effects : See more
  • Header background settings : filling, colors, opacity, images. See more
  • Header background animated effects : See more
  • Header animated display effects : 40+ effects See more
  • Legend custom html
  • Legend display : always/Hover/Outside
  • Legend position : top/bottom/left/right
  • Legend default text align : left/center/right/justified
  • Legend paddings
  • Legend font : template default/custom
  • Legend font settings : 800 fonts, size, colors, weight, spacing, capitalize See more
  • Legend border settings : style, colors, custom sides, custom rounded corners See more
  • Legend border animated effects : See more
  • Legend background settings : filling, colors, opacity, images See more
  • Legend background animated effects.: See more
  • Legend animated display effects : 40+ effects See more

 

Common features

This component has general features common to all NGE UI components.

  • Alignment in page : left/center/right/justify
  • Width : content/custom (% or px) 
  • External margins
  • Animated display effects (40+ effects) See more
  • Hover effects See more
  • Patterns (custom patterns)
  • Extend background on the sides : Background/Content See more
  • Conditional display : users/levels/groups, menus/categories/articles/tags/components, date/time/month/day, smartphone/tablet/desktop/printer, language See more
  • Edition permissions (content – select patterns – custom settings – display settings) See more

 

Inline editing

This component can be edited directly in front-end. See more

 

Development

Without coding : this component can be created 100% without coding and without technical knowledge. All features are configurable on the screen.
Override : all rendered code : html, css, js can be overriden (Joomla template override). See More
API : this component can be created in PHP in any Joomla content or module/component, using the internal API. See more