jQuery Menu with Auto Height

Posted on June 21, 2013 by admin June 21st, 2013
In this post we will show you how to display a horizontal menu which automatically adjusts its height depending on its width and wraps the menu items on new lines. 1. Add the required JavaScript and CSS files. <link rel=”stylesheet” … Continue reading →

Posted in: jQuery, jQuery Plugins, jQuery Widgets, jqxMenu

Tagged: , , , , ,

Leave a comment

Center jqxMenu Items

Posted on September 28, 2012 by admin January 17th, 2013
In this post, we will show you in a few steps what you need to do in order to display the jqxMenu’s top-level menu items in the center of the widget. Step 1: Create a new web page. Step 2: … Continue reading →

Posted in: jQuery, jQuery Widgets, jqxMenu

Tagged: , , , , , , , ,

Leave a comment

Load jqxMenu from Array

Posted on June 29, 2012 by admin June 29th, 2012
In this post, we will load the jqxMenu widget from an Array. 1. Create an array. The displayed text in the menu item is specified by the ‘label’ member. To add sub items to a Menu Item, we need to … Continue reading →

Posted in: JavaScript, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jqxMenu

Tagged: , , , , , , ,

Leave a comment

jQuery Tree with Context Menu

Posted on March 6, 2012 by admin January 7th, 2014
In this post, we will Add and Remove Tree Items by using a Context Menu. When the user right clicks on a Tree Item, a Context Menu with ‘Add Item’ and ‘Remove Item’ menu items will be displayed. The ‘Add … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxMenu, jqxTree

Tagged: , , , , , , , , , , , , , , , , , , , , , , , , , ,

2 Comments

jQuery Menu with Images, Check Boxes and Radio Buttons

Posted on January 26, 2012 by admin January 7th, 2014
To display an image inside a Menu item, you need to put an img tag inside the menu item’s li tag. For example: <li> <img style=’float: left; margin-right: 5px;’ src=’mail.png’/><span>Mail</span> </li> Displaying a checkbox inside a menu item requires two … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxCheckBox, jqxMenu, jqxRadioButton

Tagged: , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery Menu with Separator Items

Posted on January 15, 2012 by admin January 7th, 2014
In this post we will show you how to add separator menu items to our Menu widget for jQuery, called jqxMenu. Add references to the javascript and css files in your web page. <link rel="stylesheet" href="styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxMenu

Tagged: , , , , , , , , , , , , , , , , , ,

Leave a comment

Building Menu from JSON

Posted on December 29, 2011 by admin January 7th, 2014
This post illustrates how to build a Menu from JSON data. The data object below contains an array of objects, each containing “id”, “parentid”, and “text” members. The “text” member is the menu item’s text, the id and parentid members … Continue reading →

Posted in: JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxMenu, jqxTree

Tagged: , , , , , , , , , , , , , , , , ,

1 Comment

Building jQuery Menus with jQWidgets

Posted on December 5, 2011 by admin December 5th, 2011
jqxMenu is a jQuery plugin that let’s you add a beautiful Menu to your web site. In this post, we will expore how to set up a menu from an existing UL. Let’s start with a simple ‘DIV’ element with … Continue reading →

Posted in: jQuery Plugins, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jqxMenu

Tagged: , , , , , , ,

Leave a comment