jQuery UI Widgets Archives - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

jQWidgets 3.9.1

Posted on October 29, 2015 by admin October 29th, 2015

What’s New: – jqxScheduler Agenda View. – jqxScheduler ICalendar import/export. – jqxScheduler Export to Excel, PDF, JSON, XML, HTML, CSV, TSV. – jqxScheduler Appointments Exact Time rendering. – jqxScheduler Week Numbers display in Month View. – jqxDockingLayout method for dynamically … Continue reading →

jQWidgets 2.6

Posted on December 27, 2012 by admin December 27th, 2012

What’s New: – jqxChart Logarithmic Axis. – jqxInput widget. What’s Improved: – jqxGrid horizontal scrolling performance. – jqxChart text rotation attribute for the values along the y-axis. – jqxChart horizontal and vertical text alignment for the items along the x-axis … Continue reading →

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

Tagged: jQuery, jQuery UI, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxchart, jqxComboBox, jqxdatetimeinput, jqxGrid, jqxinput, jqxmaskedinput, jqxsplitter, jqxtree

Leave a comment

Grouping ListBox Items

Posted on June 13, 2012 by admin June 13th, 2012

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

Export Docking Layout

Posted on June 7, 2012 by admin June 7th, 2012

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

Splitter Collapsible Panel

Posted on May 2, 2012 by admin May 2nd, 2012

In this post we will show you how to change the default collapsible panel of the jqxSplitter widget. The following code creates a basic Splitter with two Panels. <!DOCTYPE html><html lang=”en”><head> <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 … Continue reading →

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

Tagged: javascript splitter, javascript ui, jquery framework, jQuery Plugins, jquery splitter, jQuery UI, jQuery UI Widgets, jQuery Widgets, split container, split user interface, splitter, user interface

Leave a comment

Scatter Chart for jQuery

Posted on April 30, 2012 by admin April 30th, 2012

Let’s see how to create a Scatter Chart by using the jqxChart widget. 1. The first step is to include the necessary javascript files: <script type=”text/javascript” src=”../../scripts/jquery-1.7.1.min.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script><script type=”text/javascript” src=”../../jqwidgets/jqxchart.js”></script> 2. The next step is to include … Continue reading →

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

Tagged: asp .net chart, asp .net scatter chart, html5 scatter chart, javascript scatter chart, jquery scatter chart, jQuery UI, jquery ui chart, jquery ui scatter chart, jQuery UI Widgets, php chart, php scatter chart, scatter chart, scatter data visualization, scatter graph, scatter plot, svg scatter chart, vml scatter chart

Leave a comment

jQuery Grid with Custom Pager

Posted on April 11, 2012 by admin April 11th, 2012

In this post, we will show you how to create a custom pager for our jQuery Grid widget and make it look like in the screenshot below: 1. Add the references to the JavaScript and CSS files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” … Continue reading →

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

Tagged: asp .net grid, datagridview, datagridview pager, grid, grid custom pager, Grid Pager, grid pager navigation, gridview, gridview paging, html5 controls, html5 datagrid, html5 datagridview, html5 widgets, javascript grid, javascript gridview, jquery grid, jquery gridview, jQuery UI, jquery ui grid, jQuery UI Widgets, pager, php datagridview, php grid, php grid pager, php gridview, php pager

2 Comments

Four-Column Splitter

Posted on April 9, 2012 by admin April 9th, 2012

Let’s see how to create a Splitter with 4 columns. The same approach can be used for creating a Splitter with any number of columns. 1. Add the HTML structure to the document’s body. The HTML markup contains a DIV … Continue reading →

Posted in: jqxSplitter

Tagged: asp .net splitter, border layout, javascript splitter, jquery layout plugin, jquery split container, jquery splitter, jQuery UI, jquery ui splitter, jQuery UI Widgets, jqwidgets splitter, jqxsplitter, layout plugin, nested layout, nested splitter, php splitter, split bar, split container, split layout, split widget, splitter, splitter plugin, splitter widget, splitters

Leave a comment

Using jqxDocking with Knockout

Posted on April 3, 2012 by admin April 3rd, 2012

In this post, we will show you how to use the jqxDocking widget with Knockout. If you are not already familiar with Knockout, you can take a look at it here: Knockout. In the sample web page, we will illustrate … Continue reading →

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

Tagged: docking, docking dialogs, docking windows, docking with knockout, docks, html5 docking, integration with knockout, javascript docking, javascript ui, javascript ui widgets, jquery docking, jQuery UI, jQuery UI Widgets, jqwidgets with knockout, knockout, knockoutjs, using knockoutjs

Leave a comment

Bind jQuery ComboBox to MySql Database using PHP

Posted on March 28, 2012 by admin March 28th, 2012

In this post, we will show you how to connect our jQuery ComboBox, called jqxComboBox to MySql Database using PHP. We will obtain the data from MySql Database and especially the Northwind Database. The first thing we need to do … Continue reading →

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

Tagged: ComboBox, combobox control, ComboBox plugin, ComboBox widget, Javascript ComboBox, jquery combo, jQuery ComboBox, jQuery UI, jQuery UI ComboBox, jQuery UI Widgets, jQuery Widgets, php combo, php combobox, php dropdownlist, php input, php list, ui combobox

Leave a comment

Tag Archives: jQuery UI Widgets