HTML Form Validation with jqxValidator

In this post we will show you, how to validate a simple HTML Form with the jqxValidator plug-in. 1. Include the JavaScript and CSS dependencies. Before closing the head tag, add these lines of code: <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><link … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins
, , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Arrange jQuery Widgets or HTML elements with Dock Layout Panel

The jqxDockPanel widget represents a container for other widgets or html elements. It arranges its inner elements depending on the value of the ‘dock’ attribute. The possible ‘dock’ attribute values are: ‘left, right, top and bottom’. Lets take a look … Continue reading
JavaScript, JavaScript Plugins, JavaScript UI, JavaScript UI Plugins, JavaScript UI Widgets, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets
, , , , , , , , , , , , , , , ,

Leave a comment

jQWidgets releases new jQuery plug-ins and updated UI widgets

We are happy to announce the availability of jQWidgets ver. 1.8. The new version brings many new features and updates in the suite. The full release notes can be found here: Release Notes. Highlights New Validator plug-in Improve the validation … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow
, , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Synchronize ListBox with HTML Select tag

To synchronize the jqxListBox widget with a ‘Select’ tag, you need to do the following: Initialize the jqxListBox and load its items from the ‘Select’ tag. To achieve this, we will use the ‘loadFromSelect’ method and will pass as parameter … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , , ,

Leave a comment

Create a ListBox From Unordered List

In this post, we will use the jqxListBox widget and will load its items from unordered list. Let’s create a simple DIV tag with Unordered List inside. <div id=’ListBox’> <ul> <li>About Us</li> <li>Press</li> <li>Investor Relations</li> <li>Corporate Affairs</li> <li>Careers</li> <li>Showcase</li> <li>Events</li> … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , ,

Leave a comment

jQWidgets 1.5

We are happy to announce the availability of jQWidgets 1.5. Below you fill find the full list of changes in this version: What’s New: – jQuery Docking – jqxdocking.js – jqxGrid Columns Resizing – jqxGrid JSONP binding. What’s Improved: – … Continue reading
JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid
, , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery ListBox with Images

To add a jQuery ListBox(jqxListBox) with text and image items to your web page, you need to do the following: 1. Add references to the following javascript and css files. <link rel="stylesheet" href="styles/jqx.base.css" type="text/css" /> <link rel="stylesheet" href="styles/jqx.classic.css" type="text/css" /> … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxListBox
, , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Navigation Bar With Context Menu

In this post we are going to show you how to add a Context Menu to a Navigation Bar. The context menu will have two items. The first context menu item’s task will be to expand a navigation bar item. … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxMenu, jqxNavigationBar
, , , , , , , , , , , , , , , , , , , ,

Leave a comment

jQWidgets 1.4

We are happy to announce that we just released jQWidgets 1.4. The new version introduces a new product and a number of major updates. Users will find a new Grid and updated visual appeal and features across all jQuery widgets. … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxButton, jqxCalendar, jqxComboBox, jqxDateTimeInput, jqxDropDownList, jqxExpander, jqxGrid, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow
, , , , , ,

Leave a comment

ListBox with CheckBoxes

The ListBox has the capability to show checkboxes for each item in a list. Each item can be checked and unchecked by clicking the checkbox or by using the ‘checkIndex’ and ‘uncheckIndex’ methods. Users are allowed to check any number … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jqxListBox
, , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment