Verint | Telligent Community
Verint | Telligent Community
  • Site
  • User
  • Site
  • Search
  • User
Verint Community 12.x
  • Verint Community
Verint Community 12.x
API Documentation glowPopUpMenu jQuery Plugin
  • User Documentation
  • Ask the Community
  • API Documentation
  • Manager Training
  • Developer Training
  • Tags
  • More
  • Cancel
  • New
  • API Documentation
  • +In-Process API Documentation
  • +Plugin API Documentation
  • +REST API Documentation
  • -Widget, Theme, and Automation APIs
    • +Automation Events
    • -Client-side APIs
      • +Client Messages
      • +Composer Plugins
      • +JavaScript API Modules
      • +jQuery Events
      • -jQuery Plugins
        • dynamicForm jQuery Plugin
        • evolutionBookmark jQuery Plugin
        • evolutionCodeEditor jQuery Plugin
        • evolutionComposer jQuery Plugin
        • evolutionFeature jQuery Plugin
        • evolutionHighlight jQuery Plugin
        • evolutionHtmlEditor jQuery Plugin
        • evolutionInlineTagEditor jQuery Plugin
        • evolutionLike jQuery Plugin
        • evolutionMasonry jQuery Plugin
        • evolutionModerate jQuery Plugin
        • evolutionPager jQuery Plugin
        • evolutionProgressIndicator jQuery Plugin
        • evolutionResize jQuery Plugin
        • evolutionScrollable jQuery Plugin
        • evolutionScrollSlider jQuery Plugin
        • evolutionSqueezeText jQuery Plugin
        • evolutionStarRating jQuery Plugin
        • evolutionTagTextBox jQuery Plugin
        • evolutionTextEditor jQuery Plugin
        • evolutionTheater jQuery Plugin
        • evolutionTip jQuery Plugin
        • evolutionToggleLink jQuery Plugin
        • evolutionTransform jQuery Plugin
        • evolutionUserFileTextBox jQuery Plugin
        • evolutionValidation jQuery Plugin
        • glowColorSelector jQuery Plugin
        • glowDateTimeSelector jQuery Plugin
        • glowDropDownList jQuery Plugin
        • glowLookUptextBox jQuery Plugin
        • glowModal jQuery Plugin
        • glowMultiUpload jQuery Plugin
        • glowOrderedList jQuery Plugin
        • glowPatternedTextBox jQuery Plugin
        • glowPopUpMenu jQuery Plugin
        • glowPopUpPanel jQuery Plugin
        • glowTabbedPanes jQuery Plugin
        • glowTabSet jQuery Plugin
        • glowTransition jQuery Plugin
        • glowTree jQuery Plugin
        • glowUpload jQuery Plugin
        • uilinks jQuery Plugin
      • +UI Components
    • +Dynamic Configuration
    • +LESS Functions
    • +Script API Types
    • +Script APIs

glowPopUpMenu jQuery Plugin


jQuery.fn.glowPopUpMenu

Renders a nested pop up menu

Usage

$('SELECTOR').glowPopUpMenu(options)

where 'SELECTOR' is a div element to be used as a container for the menu

Options

  • groupCssClass: Class applied to a set of menu options
    • default: empty string
  • itemCssClass: Class applied to an individual menu option
    • default: empty string
  • itemSelectedCssClass: Class applied to a selected individual menu option
    • default: empty string
  • itemExpandedCssClass: Class applied to a selected individual menu option when navigating the item's children
    • default: empty string
  • expandImageUrl: Image URL path to image displayed when an option has children
    • default: empty string
  • expandImageWidth: Width of the expand image
    • default: 0
  • iconWidth: Width of icons shown in menu options
    • default: 0
  • iconHeight: Height of icons shown in menu options
    • default: 0
  • position: PopupPanel opening direction to use. any combination of left, right, up, down
    • default: updown
  • zIndex: z-index at which to render the panel
    • default: 100
  • menuItems: Nested array of menu options. Each menu option is, itself, represented by an array of the format:
  1. id: unique id
  2. text: display text
  3. url: when provided, will redirect to URL when clicked
  4. target: target in which to open URL
  5. callback: optional callback to execute when clicked
  6. icon url
  7. childItems: optional array of child menu items
  • closeOnMouseOut: when true, the menu closes upon mouseout
    • default: true

Events

  • glowPopUpMenuOpened - triggered when a menu is opened
  • glowPopUpMenuClosed - triggered when a menu is closed
  • glowPopUpMenuItemOver - triggered when mouse is over a menu option

Methods

isOpen

Returns whether the menu is currently open

var isOpen = $('SELECTOR').glowPopUpPanel('isOpen');

open

Opens an instance of a popup menu.

$('SELECTOR').glowPopUpPanel('open');

close

Closes an instance of a popup menu.

$('SELECTOR').glowPopUpPanel('close');

refresh

Refreshes the contents of a glowPopUpMenu after its options have been programmatically changes

$('SELECTOR').glowPopUpPanel('refresh');

add

Adds a new menu item to the end of the menu

var menuItem = $('SELECTOR').glowPopUpMenu('createMenuItem', {
    id: 'new',
    text: 'This is a new item!',
    onClick: functino(){ alert("I'm new"); }
});
$('SELECTOR').glowPopUpMenu('add', menuItem);

remove

Removes an instance of a menu item from the menu

var menuItem = $('SELECTOR').glowPopUpMenu('getById', 5);
$('SELECTOR').glowPopUpMenu('remove', menuItem);

insert

Adds a new menu item instance to the menu at a given index

var menuItem = $('SELECTOR').glowPopUpMenu('createMenuItem', {
    id: 'new',
    text: 'This is a new item!',
    onClick: functino(){ alert("I'm new"); }
});
$('SELECTOR').glowPopUpMenu('insert', menuItem, 4);

clear

Clears a menu of all options

$('SELECTOR').glowPopUpMenu('clear');

getById

Returns a menu item by its ID

var item = $('SELECTOR').glowPopUpMenu('getById', 4);

getByText

Returns a menu item by its display text

var item = $('SELECTOR').glowPopUpMenu('getById', 'Menu Option');

getByIndex

Returns a menu item by its index

var item = $('SELECTOR').glowPopUpMenu('getByIndex', 3);

getCurrent

Returns the currently-selected menu item

var item = $('SELECTOR').glowPopUpMenu('getCurrent');

getCurrentByLevel

Returns the currently-selected menu item at a given menu level

var item = $('SELECTOR').glowPopUpMenu('getCurrentByLevel', 2);

count

Returns the number of menu items in a menu

var count = $('SELECTOR').glowPopUpMenu('count');

createMenuItem

Creates a new menu item object suitable for adding or inserting into a menu

var menuItem = $('SELECTOR').glowPopUpMenu('createMenuItem', {
    id: 'new',
    text: 'This is a new item!',
    onClick: functino(){ alert("I'm new"); }
});

  • Share
  • History
  • More
  • Cancel
Related
Recommended
  • Telligent
  • Professional Services
  • Submit a Support Ticket
  • Become a Partner
  • Request a Demo
  • Contact Us

About
Privacy Policy
Terms of use
Copyright 2024 Verint, Inc.
Powered by Verint Community