jqxSplitter Archives - Page 3 of 4 - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

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 →

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

Nested Splitters with Auto Size behavior

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

In this post, we will illustrate you how to create a web page with nested splitters that adjust their size to fill the bounds of the browser window. The sample has one horizontal splliter with three split panels – ‘North’, … 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: html5 splitter, javascript split layout, javascript splitter, javascript splitter plugin, jquery split bar, jquery split container, jquery split layout, jquery splitter, jquery splitter component, jquery splitter control, jquery splitter plugin, jquery splitter widget, jquery ui splitter, jQuery Widgets, jqxsplitter, split container, split layout, splitter, splitter control, splitter plugin

Comments Off

Restrict Splitter Dragging

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

In this post, we will show you how to restrict the dragging range of the Splitter’s Split bar. The example code below, creates a Splitter with two Panels. The important thing in the code is the initialization of the split … 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, split bar, split container, split layout, split widget, splitter, splitter plugin, splitter widget, splitters

Leave a comment

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

jQWidgets 2.0

Posted on April 6, 2012 by admin January 17th, 2013

It is our pleasure to announce the immediate availability of jQWidgets ver. 2.0. The new version brings important and highly anticipated updates to the jqxChart widget along with various bug fixes and other improvements. Check out the full release notes … 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: asp .net, Html5, javascript controls, jquery accordion, jquery button, jquery chart, jQuery ComboBox, jquery context menu, jquery controls, jquery data visualization, jquery datagrid, jquery dialog, jquery docking, jquery dropdownlist, jquery grid, jquery listbox, jQuery Menu, jquery pie chart, jQuery Plugins, jQuery ScrollBar, jQuery Slider, jQuery Tabs, jQuery Tree, jQuery UI, jQuery Window, php

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

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

Three-Pane Splitter

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

In this post, we will show you how to create a simple three pane splitter. 1. Create the HTML structure for the Splitters. The jqxSplitter widget requires at least 3 DIV tags – 1 container DIV and 2 nested DIV … Continue reading →

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

Tagged: border layout, horizontal splitter, javascript splitter, jquery layout plugin, jquery split container, jquery splitter, jquery ui splitter, jqwidgets splitter, jqxsplitter, layout plugin, nested layout, nested splitter, nested splitters, split bar, split container, split layout, split widget, splitter, splitter plugin, splitter widget, splitters, three-pane splitter, vertical splitter

2 Comments

jQWidgets releases new jQuery plug-ins and updated UI widgets

Posted on March 9, 2012 by admin April 10th, 2013

We are happy to announce the availability of jQWidgets ver. 1.8. The new version brings many new features and updates in the suite. The full release notes can be found here: Release Notes. Highlights New Validator plug-in Improve the validation … 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, jqxChart, jqxCheckBox, jqxComboBox, jqxDateTimeInput, jqxDock, jqxDropDownList, jqxExpander, jqxGrid, jqxListBox, jqxMaskedInput, jqxMenu, jqxNavigationBar, jqxNumberInput, jqxProgressBar, jqxRadioButton, jqxRating, jqxScrollBar, jqxSlider, jqxSplitter, jqxTabs, jqxTooltip, jqxTree, jqxWindow

Tagged: chart, charting, datagridview, dragdrop, forms validation, grid, grid popup editing, gridview, html5 chart, html5 Grid, html5 plugins, html5 tree, html5 ui, html5 widgets, interactive charts, javascript grid, javascript validation, jQuery ComboBox, jquery dropdownlist, jquery listbox, jQuery Plugins, jQuery ScrollBar, jQuery Slider, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jquery validation, jQuery Widgets, jQuery Window, tree, treeview, validator

Leave a comment

Category Archives: jqxSplitter