-
Resent Posts
- jQWidgets Now Supports Angular 20
- jQWidgets ver. 23.0.0
- Natural Language Filtering in jqxGrid: Simplicity Meets Intelligence
- Smart UI ver. 23.0
- Unlock the Full Power of jqxGrid in 2025: A Must-Have Data Grid for Modern Web Apps
- Introducing New Features in Smart.Editor: A Game-Changer for Productivity
Tags
angular angular components angular grid chart charting ComboBox datagrid grid gridview html5 Grid JavaScript javascript chart javascript grid javascript gridview javascript listbox javascript splitter jQuery jquery chart jquery datagrid jquery grid jquery grid plugin jquery gridview jquery listbox jQuery Plugins jquery splitter jQuery Tree jQuery UI jquery ui grid jQuery UI Plugins jQuery UI Widgets jQuery Widgets jQWidgets jqxchart jqxGrid jqxlistbox jqxsplitter ListBox listbox widget react reactjs split container splitter tree treeview vueCategories
- ANGULAR
- Angular 2
- angular 4
- angular 5
- Angular 6
- ANGULAR GRID
- angular tree
- Angular5
- angular7
- angular8
- AngularJS
- ASP .NET
- ASP.NET Core Tag Helpers
- ASP.NET Core Tag Helpers
- ASP.NET Core Tag Helpers
- Chart
- custom elements
- Grid
- html elements
- 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
- jqxButton
- jqxCalendar
- jqxChart
- jqxCheckBox
- jqxComboBox
- jqxDateTimeInput
- jqxDock
- jqxDropDownList
- jqxExpander
- jqxGrid
- jqxInput
- jqxListBox
- jqxMaskedInput
- jqxMenu
- jqxNavigationBar
- jqxNumberInput
- jqxProgressBar
- jqxRadioButton
- jqxRating
- jqxResponse
- jqxRibbon
- jqxScrollBar
- jqxSlider
- jqxSplitter
- jqxTabs
- jqxTooltip
- jqxTree
- jqxTreeMap
- jqxValidator
- jqxWindow
- PHP
- Pivot Grid
- React
- react grid
- React Javascript Library
- REACTJS
- typescript
- Uncategorized
- VUE
- VUEJS
Working with jqxSlider
In this post, we will demonstrate you how to add the jqxSlider widget to your web page and also how to get and set the Slider’s value. – Create a new html page and add links to the JavaScript files … Continue reading →
Drag and Drop of a jQuery widget
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
Leave a comment
Load jqxMenu from Array
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 →
Linear Gauge as a Progress Bar
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
Leave a comment
Grouping ListBox Items
Each jqxListBox item has a property called ‘group’. When this property is set in the ListBox’s initialization, the list items will be grouped depending on the ‘group’ value and a group header will be displayed above each group of list … Continue reading →
Posted in: jQuery Plugins, jQWidgets, jqxListBox
Tagged: javascript listbox, jquery listbox, jquery listbox plugin, jQuery ListBox Widget, jquery ui listbox, jquery ui listbox plugin, jquery ui listbox widget, jQuery UI Plugins, jQuery UI Widgets, jQWidgets, jqxlistbox, ListBox, listbox plugin, listbox widget
1 Comment
Tree Navigation with Splitter
In this post, we’ll create a simple Navigation with the jqxTree and jqxSplitter widgets. When the user selects a tree item, a content panel will be updated depending on the selected item. 1. Include the JavaScript and CSS files. <link … Continue reading →
Posted in: jQuery, jQuery Plugins, jqxSplitter, jqxTree
Tagged: javascript splitter, javascript tree, jquery border layout, jquery layout, jquery layout plugin, jquery split container. jquery ui layout, jquery split layout, jquery splitter, jQuery Tree, jquery tree control, jquery treeview, jqxsplitter, jqxtree, split container, split layout, split navigation, splitter, tree, tree control, tree navigation
Leave a comment
Export Docking Layout
jqxDocking has a feature which allows you to Export its Layout to JSON and load it when you need. Import Layout from JSON is already demonstrated in this sample: import-layout.htm. Now, lets see how to create a new instance of … Continue reading →
Posted in: jQuery Plugins, jQuery Widgets, jqxDock
Tagged: dock windows, docking, docking plug-in, docking plugin, docking widget, docking windows, html5 dock windows, html5 docking, html5 docking windows, javascript dock, javascript docking, jquery dock, jquery docking, jquery docking windows, jQuery UI Widgets, js docking
Leave a comment
ListBox with Drag and Drop
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
2 Comments
jQWidgets 2.2
We are happy to announce the availability of jQWidgets 2.2. The new version marks the debut of the jqxGauge and jqxLinearGauge widgets. The full list of changes is below: What’s New – jqxGauge – Radial and Linear Gauges – jqxTree … Continue reading →
Loading Tab contents with Ajax
In this blog post, we will create a jqxTabs widget with 3 tabs. The content of each Tab will be loaded dynamically with Ajax. – Add the JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><script type=”text/javascript” src=”../../scripts/jquery-1.7.2.min.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script><script … Continue reading →
Posted in: JavaScript Plugins, jQuery Plugins, jQuery Widgets, jqxTabs
Tagged: ajax, ajax loading, ajax tabs, dynamic jquery tabs, dynamic tabs, javascript tab control, javascript tabs plugin, javascript tabstrip, jquery ajax tabs, jquery tab control, jquery tab strip, jQuery Tabs Plugin, jQuery Tabs Widget, Tab Control
Leave a comment