This blog post will show you how to use the jqxDropDownList’s API to implement auto open/close behavior. The widget’s popup should be opened when the mouse cursor is moved over it and should be closed when the mouse cursor leaves … Continue reading →
Posted in:
JavaScript, jQuery, jQuery UI, jqxDropDownList
Tagged:
asp.net dropdownlist, DropDownList, dropdownlist control, dropdownlist widget, JavaScript, javascript dropdownlist, jQuery, jquery dropdownlist, jQuery UI, jqxdropdownlist, php, php dropdownlist, ui controls, ui dropdownlist, ui framework
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:
ios listview, JavaScript, javascript listview, jQuery, jquery listview, jquery listview widget, listview, listview control, listview plugin, listview widget, mobile listview, ui controls, ui framework, ui listview, ui widgets
In this post, we will show you how to use the jqxGrid widget in unbound mode to create a Spreadsheet. 1. Create a new web page and in the head section, add the JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” … Continue reading →
Posted in:
JavaScript, jQuery, jQuery UI, jqxGrid
Tagged:
excel spreadsheet jquery, javascript spreadsheet, jquery datagrid, jquery datagrid control, jQuery DataGridView, jquery grid, jquery grid control, jquery spreadsheet, jqxGrid, jqxgrid spreadsheet, php spreadsheet, spreadsheet
In this post, we will show you how to use one of the new features of the jqxListBox widget and especially the capability to customize the rendering of each listbox item. 1. Add the Theme files in the head section … Continue reading →
Posted in:
jQuery, jQuery UI, jQuery UI Widgets, jQWidgets, jqxListBox
Tagged:
javascript listbox, jquery listbox, jquery ui framework, jquery ui listbox, jQWidgets, jqxlistbox, ListBox
In this post, we will show you how to save the jqxDropDownList’s selection and load it from a cookie when the page is reloaded. 1. Add the jqxDropDownList to your web page. 2. Try to load the selection from a … Continue reading →
Posted in:
JavaScript, JavaScript Widgets, jQuery UI, jQuery Widgets, jqxDropDownList
Tagged:
cookie, drop down, DropDownList, javascript dropdownlist, javascript plugins, javascript ui, javascript widgets, jquery dropdownlist, jqxdropdownlist, save selection
In order to make an object to be draggable, you need to do the following: 1. Include jqxdragdrop.js in your page. 2. Select any HTML element with jQuery. 3. Call the jqxDragDrop constructor. The sample code below demonstrates how to … Continue reading →
Posted in:
jQuery, jQuery Plugins, jQuery UI, jqxCalendar
Tagged:
Calendar, javascript calendar, javascript drag and drop, jQuery, jquery calendar, jQuery UI, jQWidgets, jqxcalendar, jqxdragdrop
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:
create menu from array, JavaScript Menu, jQuery Menu, jQuery UI, jQuery Widgets, jqxMenu, load menu from array, menu from array
In order to disable the editing of a cell, you need to define a function called ‘cellbeginedit’ in the column’s definition. For example: { text: ‘First Name’, columntype: ‘textbox’, datafield: ‘firstname’, width: 90, cellbeginedit: function (row) { if (row == … Continue reading →
In order to make the linear gauge to look like a Progress Bar, i.e its value to fill the whole DIV, you need to set several of the Gauge’s properties. – hide the ranges by setting the showRanges property to … Continue reading →
Posted in:
JavaScript Widgets, jQuery Plugins, jQuery UI
Tagged:
gauge, gauge rendering, gauges, html5 gauge, javascript gauge, jquery gauge, jqxgauge, jqxlineargauge, linear gauge, progressbar, svg gauge, vml gauge
In this post, we will show you how to add a ListBox to a web page and enable its Drag and Drop feature. 1. Every jQWidgets based project must include the following three files: jQuery Framework(jquery-1.7.2.min.js), jQWidgets Core framework file(jqxcore.js) … Continue reading →
Posted in:
jQuery, jQuery Plugins, jQuery UI, jqxListBox
Tagged:
drag and drop, drag and drop listbox, html5 listbox, javascript listbox, jQuery, jquery listbox, jquery listbox drag drop, jquery listbox plugin, jQuery ListBox Widget, jquery ui listbox, jqxlistbox, list box, list control, list items drag and drop, ListBox, listbox control, listbox dragdrop, listbox plug-in
|
|
