In this post, we will show you how to trigger the jqxWindow events and change its settings when the widget is used in a jqxDocking. Let’s create an instance of the jqxDocking widget with two instances of jqxWindow. <!DOCTYPE html><html … Continue reading →
Posted in:
jQuery, jqxDock, jqxWindow
Tagged:
javascript dialog, javascript docking, javascript window, jQuery, jquery dialog, jquery docking, jquery form, jquery modal dialog, jQuery Window, jqxdocking, jqxWindow, modal dialog, php dialog, php docking
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
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:
cookie, JavaScript, JavaScript Tabs, javascript tabs widget, jQuery, jQuery Tabs, jQuery Tabs Widget, jQuery UI, jqxTabs, Tab Control, Tabs, tabs cookies, tabs selection, tabstrip
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 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 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
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:
color picker, color picker plugin, color picker widget, JavaScript, javascript color picker, jQuery, jquery color picker, jquery ui color picker, jQuery Widgets, jqxcolorpicker
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:
button, Calendar, ComboBox, dialog, docking, DropDownList, grid, JavaScript, jQuery, jQuery Plugins, jQuery UI, jQuery Widgets, jQWidgets, ListBox, menu, popup, ScrollBar, Slider, splitter, Tabs, tooltip, tree, window
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:
button, ComboBox, datagrid, dialog, grid, grid filtering, JavaScript, jQuery, ListBox, menu, navigationbar, Slider, splitter, Tabs, togglebutton, tree, window
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 →
Posted in:
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxMenu, jqxNavigationBar
Tagged:
context menu, contextmenu control, jQuery, jquery accordion, jQuery Accordion Widget, jquery navigation bar, jquery popup, jquery popup menu, jQuery UI, jquery ui context menu, jquery ui popup, jQuery UI Widgets, jQuery Widgets, jqxcontextmenu, jqxNavigationBar, jqxwidgets, menu, navigation bar, navigation widget, navigationbar control, popup menu
|
|
