jQuery UI Widgets Archives - Page 8 of 17 - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

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

Adding a Switch Button to a Web Page

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

The jqxSwitchButton represents a button widget that switches its checked state after a click. It is very similar to the jqxToggleButton, but it has different UI look. In order to create a Switch Button, you need to add a DIV … 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

Tagged: html5 button, ipad button, iphone button, javascript switch button, jq button, jquery button, jquery switch button, jquery ui button, jquery ui toggle button, mobile button, switch button, swtich button, touch button

Leave a comment

How to Use Cookies to Save and Load jqxTree Selection

Posted on March 31, 2012 by admin March 31st, 2012

In this post, we’ll create a jqxTree widget and will save its selection when a button is clicked in a cookie. After the page is reloaded, we’ll check the cookie for a stored tree item and will select it. 1. … Continue reading →

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

Tagged: checkboxes tree, cookie, html5 tree, html5 tree control, html5 treeview, interactive tree, javascript tree, jQuery Tree, jQuery Tree Plugin, jQuery UI Tree, jquery ui treeview, jqwidgets tree, jqxtree, php tree, php treeview, save selected item in cookie, tree, tree plug-in, tree widget, treeview, treeview control, treeview plugin

Leave a comment

Working with a jQuery Chart and Knockout

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

In this post, we will show you how to use our jQuery Chart widget, called jqxChart with Knockout. Knockout will help us to update the Chart dynamically depending on the user’s actions or when the data is changed. We will … 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: chart, chart component, chart control, charting, dynamic chart update, interactive charts, javascript chart, javascript ui chart, jquery chart, jquery chart plugin, jquery chart widget, jquery data visualization, jquery ui chart, jqxchart, knockout, knockoutjs

Leave a comment

Load Tabs with Ajax

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

In this post, we are going to illustrate how to dynamically add new tabs to the jqxTabs widget. Each new tab will be loaded with AJAX. – The first step is to add all JavaScript and CSS dependencies for the … 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, jqxTabs

Tagged: ajax tabs, Html5, html5 ui, JavaScript Tabs, jquery plugin, jquery tab control, jQuery Tabs, jQuery Tabs Plugin, jQuery Tabs Widget, jQuery UI, jQuery UI Tabs, jqxTabs, load tabs on demand, Tab Control, Tabs, tabs loaded with ajax, tabs widgets, tabstrip

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

Fit Splitter to the Web Page’s bounds

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

To create a Splitter that fits to the document’s bounds, you need to set its ‘width’ and ‘height’ properties to ‘100%’ and set also the width and height properties of the web page to ‘100%’. The splitter will automatically adjust … 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: border layout, javascript splitter, jquery layout plugin, jquery split container, jquery splitter, jquery ui splitter, 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

Column Headers and Grid Cells Center Text Alignment

Posted on March 26, 2012 by admin March 27th, 2012

To change the text-alignment of the Grid cells and column headers, you can do the following: 1. Create two functions, called cellsrenderer and columnsrenderer. These functions will return a HTML string with a DIV tag with inline CSS Style that … 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: cell text alignment, center text alignment, column text alignment, grid, javascript gridview, jquery grid, jquery gridview, jqxGrid, php datagrid, php grid, php gridview

1 Comment

jQWidgets 1.9

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

We are happy to announce the availability of jQWidgets 1.9. Key new features: jqxSwitchButton jqxSwitchButton is jQuery widget with behavior similar to the jqxToggleButton. It has two states – checked and unchecked (on/off). The user can switch between the different … 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

Tagged: Accordion, button, Calendar, chart, checkbox, checked list, ComboBox, context menu, datagrid, datagridview, datetimepicker, dialog, docking, dragdrop, DropDownList, grid, ListBox, menu, navigation bar, popup window, Tab Control, table, togglebutton, tree, treeview, validation, window

Leave a comment

Bind jqxChart to SQL Database using ASP .NET MVC3

Posted on March 22, 2012 by admin March 22nd, 2012

Yesterday, we’ve showed you how to bind the jqxGrid to SQL Database using ASP .NET MVC 3. Today, we will do the same for the jqxChart widget. In this post you’ll learn how you can use jqxChart with ASP.NET MVC … 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, jqxChart

Tagged: .net chart, asp, asp .net chart, asp .net charting, asp .net charts, asp .net mvc, asp .net mvc3, asp .net mvc3 chart, chart, chart asp .net, chart for asp .net, chart for mvc3, charting, charts, data visualization, html5 chart, javascript chart, javascript charts, javascript data visualization, jquery chart, jquery chart plugin, jquery chart widgets, jquery data visualization, jQuery UI, jquery ui charts, jqxchart, mvc chart, svg chart, ui chart, vml chart, web chart

Leave a comment

Category Archives: jQuery UI Widgets