jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxMenu

  • Default Functionality
  • Context Menu
  • Vertical Menu
  • Minimized Menu
  • Open Direction
  • Columns
  • Images
  • JSON Menu
  • XML Menu
  • Load Menu from Array
  • Center Menu Items
  • Fluid Size
  • Keyboard Navigation
  • Right to Left Layout
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular Menu UI Component

The Menu component for Angular is a powerful, search friendly, hierarchical menu component, which enables centering the items, contextual and vertical menus, minimization and putting images next to the items. It also enables keyboard navigation and right-to-left layout.

angular menu

About jqxMenu for Angular

jqxMenu is the jQWidgets Menu component for Angular. Horizontal, vertical and context menus with nested submenus and keyboard support.

14 jqxMenu demos with source code

  • Default Functionality – Default functionalities in Angular Menu.
  • Context Menu – A context menu in Angular Menu.
  • Vertical Menu – The different in-build modes that Angular Menu has.
  • Minimized Menu – The minimized Angular Menu.
  • Open Direction – The opening direction of Angular Menu.
  • Columns – Columns in Angular Menu.
  • Images – Images in Angular Menu.
  • JSON Menu – Angular Menu build from JSON data.
  • XML Menu – Angular Menu build from XML data.
  • Load Menu from Array – Angular Menu loaded from local data.
  • Center Menu Items – Centering items in Angular Menu.
  • Fluid Size – The width and height of Angular Menu are set in percentages.
  • Keyboard Navigation – Keyboard navigation in Angular Menu.
  • Right to Left Layout – The right to left support of Angular Menu.

jqxMenu API

jqxMenu has 24 properties, 3 events and 10 methods, all in the API reference. Its main members, those its demos use first:

  • mode (property) – Sets or gets the menu's display mode.
  • showTopLevelArrows (property)
  • itemclick (event) – This event is triggered when a menu item is clicked.
  • animationShowDuration (property) – Sets or gets the duration of the show animation.
  • animationHideDuration (property) – Sets or gets the duration of the hide animation.
  • animationShowDelay (property) – Sets or gets the delay before the start of the show animation.
  • autoOpenPopup (property) – Opens the Context Menu when the right-mouse button is pressed.
  • open (method) – Opens the menu(only in context menu mode).
  • autoSizeMainItems (property) – Auto-Sizes the jqxMenu's main items when the menu's mode is 'horizontal'.
  • minimize (method) – Minimizes the widget.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.