jQuery ListView Widget

Posted on August 20, 2012 by admin August 20th, 2012
jqxListView is a new widget which is planned for jQWidgets ver. 2.4. jqxListView represents a navigation widget which can be built from UL/LI HTML elements. With jqxListView, users will be able to easily create nested structures of Lists or use … Continue reading →

Posted in: jQuery, jQuery Plugins, jQuery UI, jQWidgets

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

Leave a comment

Save jqxTabs selection with Cookies

Posted on July 11, 2012 by admin July 11th, 2012
1. Before the jqxTabs initialization, check for a saved index. If there’s index, set the jqxTabs ‘selectedItem’ property to point to the index. var index = $.jqx.cookie.cookie(“jqxTabs_jqxWidget”);if (undefined == index) index = 0;$(‘#jqxTabs’).jqxTabs({selectedItem: index, width: ‘90%’, height: 200, position: ‘top’, … Continue reading →

Posted in: JavaScript, jQuery, jqxTabs

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

Leave a comment

jQuery Alert Popup

Posted on July 9, 2012 by admin July 9th, 2012
In this post, we’ll show you how to implement a simple Alert popup window which you can use instead of the standard JavaScript alert. 1. The first step is to implement the Alert popup styles. We create three CSS classes … Continue reading →

Posted in: JavaScript, jQuery, jQuery Plugins

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

Leave a comment

Chart Custom Styling

Posted on June 19, 2012 by admin June 19th, 2012
jqxChart uses fill gradients built from the base colors in the color schemes. If you wish to use custom fill colors you can override the default fill by setting the serie’s color property. You can also change the Chart’s background … Continue reading →

Posted in: JavaScript, jqxChart

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

Leave a comment

Color Picker

Posted on May 15, 2012 by admin May 15th, 2012
In this post, we will illustrate you how to add our new ColorPicker widget, called jqxColorPicker to your page. 1. The first step is to include the javascript and css files required by the Color Picker. <link rel=”stylesheet” href=”jqwidgets/styles/jqx.base.css” type=”text/css” … Continue reading →

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

Tagged: , , , , , , , , ,

Leave a comment

jQWidgets 1.5

Posted on January 30, 2012 by admin April 10th, 2013
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 →

Posted in: 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

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

Leave a comment

jQWidgets 1.4.1 – Released

Posted on January 22, 2012 by admin January 7th, 2014
We are happy to announce the availability of jQWidgets 1.4.1. This release fixes the issues that we found while testing our suite, but it is also important to note that the jqxGrid has a new Filtering feature which is illustrated … Continue reading →

Posted in: 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, Uncategorized

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

Leave a comment

Display the Percentage of user info with Progressbar

Posted on December 17, 2011 by admin December 17th, 2011
This article explains how to display the percentage info in a Progressbar. You need to reference the jQWidgets scripts and styles. <link rel="stylesheet" href="jqx.base.css" type="text/css" /> <script type="text/javascript" src="jqxcore.js"></script> <script type="text/javascript" src="jqxprogressbar.js"></script> Initialize the Progressbar: Add a DIV element to … Continue reading →

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

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

Leave a comment

jqxSlider improvements coming in jQWidgets 1.3

Posted on December 14, 2011 by admin December 14th, 2011
In jQWidgets 1.3, the jqxSlider plugin will be enriched with a new feature that will allow you to set the slider’s display orientation to ‘horizontal’ or ‘vertical’. Of course, by default the slider will be displayed with ‘horizontal’ orientation. To … Continue reading →

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

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

Leave a comment

Adding jqxExpander to your web page

Posted on December 7, 2011 by admin December 7th, 2011
In this post we will show you how to add a jqxExpander to your web page. 1. Add the JavaScript files. Create a “scripts” directory in the root directory of your webpage. Copy the jqxexpander.js file into your scripts folder. … Continue reading →

Posted in: jQuery Plugins, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxExpander

Tagged: , , , , , , , , ,

Leave a comment