Nested Splitters with Auto Size behavior

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
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
, , , , , , , , , , , , , , , , , , ,

Comments Off on Nested Splitters with Auto Size behavior

Restrict Splitter Dragging

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
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
, , , , , , , , , , , , , , , , ,

Leave a comment

Four-Column Splitter

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
jqxSplitter
, , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

Fit Splitter to the Web Page’s bounds

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
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
, , , , , , , , , , , , , , , , , , ,

Leave a comment

Three-Pane Splitter

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
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxSplitter
, , , , , , , , , , , , , , , , , , , , , ,

2 Comments

Splitter Auto Resizing

In this post, we will show you how to make jqxSplitter fit to the size of the document’s body. First you have to add the following HTML to the document’s body: <div id=”splitter”> <div></div> <div></div></div> This is going to represet … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jqxSplitter
, , , , , , , , , , , , , , , , , ,

Leave a comment

Working with Nested Splitters

In this post we will introduce you how to build your page layout using nested splitters. Create a HTML file called NestedSplitters.html that contains the following HTML code: <!DOCTYPE html> <html lang="en"> <head> <title></title> <link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" /> <link … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxSplitter
, , , , , , , , , , , , , , , , , ,

Leave a comment

jQuery Splitter

The jQuery Splliter plugin consists of a movable split bar that divides a container’s display area into two or more resizable panels. We are going to show you some of the basic features of the Splitter and how to add … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxSplitter
, , , , , , , , , , , , , , , , , , , , , , , ,

Leave a comment

jQWidgets 1.3

Building professional web applications for PC and Mobile just got easier with the release of jQWidgets 1.3. This release marks the debut of the jqxSplitter plugin. jqxSplitter is a layout plugin which allows you to add many container panels to … Continue reading
JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets
, , , , , , , , ,

2 Comments

jQuery Splitter

jqxSplitter is a jQuery plug-in which will be come with jQWidgets 1.3 and allow you to create any UI look you want. This jQuery plugin will help you to develop professional and flexible web sites with dynamic and complex layouts. … Continue reading
jQuery Plugins, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxSplitter
, , , , , , , , , , , ,

Leave a comment