JavaScript UI Plugins Archives - Page 6 of 9 - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

DataGrid Column with Custom CSS Styling

Posted on April 23, 2013 by admin April 23rd, 2013

From this post, you will learn how to set a custom CSS class to a Grid column. 1. Create the CSS class. .column { background-color: #034FCD; color: white; font-weight: bold; } 2. When you initialize a DataGrid column, set its … Continue reading →

Posted in: JavaScript UI, JavaScript UI Plugins, jqxGrid

Tagged: datagrid, html5 datagrid, javascript datagrid, jquery datagrid, jQWidgets, jqxGrid

Leave a comment

Bind DropDownList to XML data

Posted on July 16, 2012 by admin July 16th, 2012

In this post, we will add a DropDownList to a web page and will load it from XML data source. 1. The first step is to include the required javascript and css files. <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” /><link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.darkblue.css” … Continue reading →

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

Tagged: dropdown list, DropDownList, javascript dropdownlist, jquery dropdownlist, js dropdownlist

Leave a comment

jQuery Grid Server Side Paging with ASP .NET

Posted on May 11, 2012 by admin January 17th, 2013

In this post we will illustrate how to use the jqxGrid widget in paging mode in ASP .NET application. The records will be loaded on demand from a Northwind Database when the user changes the current page. 1. Create a … Continue reading →

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

Tagged: asp .net, asp .net datagrid, asp .net datagridview, asp .net grid component, asp .net grid control, asp .net gridview, asp .net mvc, asp .net mvc grid, asp .net server side paging, grid, grid sql, mvc datagridview, mvc grid, sql data, sql datatable, sql server

Leave a comment

Load jQuery Window Content with Ajax

Posted on May 10, 2012 by admin May 10th, 2012

In this post, we will demonstrate how to dynamically set the jqxWindow’s content. 1. Create the HTML structure for the jqxWindow widget. The content will be loaded in the second nested DIV tag. <div id=”window”> <div>Window</div> <div> </div> </div> 2. … Continue reading →

Display a Grid in a DropDown

Posted on May 7, 2012 by admin May 9th, 2012

In this post, we will show you how to display the jQuery Grid widget inside a Popup by using the DropDownButton widget. 1. Include the necessary 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 type=”text/javascript” … 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, jqxGrid

Tagged: combo box with multiple columns, datagrid control, datagridview control, datatable, dropdown datagrid, dropdown grid, dropdown gridview, dropdown table, grid control, grid in dropdown, jquery dropdown grid, jQuery UI, jquery ui dropdown grid, multicolumn combo, popup datagridview, popup datatable, popup grid, popup gridview, popup table

Leave a comment

jQWidgets 2.1

Posted on May 5, 2012 by admin April 10th, 2013

We are happy to announce the release of jQWidgets 2.1. This release brings two new widgets which we called jqxDropDownButton and jqxColorPicker, but the most important update in this version is the new Theme Builder tool that will help you … Continue reading →

Posted in: ASP .NET, 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, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow, PHP

Leave a comment

jQuery DropDownButton

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

The jqxDropDownButton widget will come with the release of jQWidgets 2.1. This widget much resembles the jqxDropDownList, but the difference is that the jqxDropDownButton will be able to display any type of content inside a DropDown. The content can be … 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, jqxGrid

Tagged: dropdown button, dropdownbutton, javascript button, javascript dropdown button, javascript dropdownbutton, jquery button, jQuery DropDownButton, jquery ui button, jqxdropdownbutton, popup button

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

jQuery Color Picker

Posted on May 1, 2012 by admin May 1st, 2012

In the next release of jQWidgets, we will add a new jQuery Color Picker widget which we called jqxColorPicker. With this new widget, you will be able to easily pick a color, choose between hue and saturation color modes, get … 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

Tagged: color chooser, color mode, color picker, color picker for jquery, hue color mode, javascript color picker, jquery color picker, jquery color picker plugin, jquery color picker widget, jquery colorpicker, jqxcolorpicker, picker, saturation color mode

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

Category Archives: JavaScript UI Plugins