Tag Archives: Tab Control

Save jqxTabs selection with Cookies

1. Before the jqxTabs initialization, check for a saved index. If there’s index, set the jqxTabs ‘selectedItem’ property to point to the index. var index = $.jqx.cookie.cookie(“jqxTabs_jqxWidget”);if (undefined == index) index = 0;$(‘#jqxTabs’).jqxTabs({selectedItem: index, width: ’90%’, height: 200, position: ‘top’, … Continue reading
Posted in JavaScript, jQuery, jqxTabs | Tagged , , , , , , , , , , , , , | Leave a comment

Loading Tab contents with Ajax

In this blog post, we will create a jqxTabs widget with 3 tabs. The content of each Tab will be loaded dynamically with Ajax. – Add the 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 … Continue reading
Posted in JavaScript Plugins, jQuery Plugins, jQuery Widgets, jqxTabs | Tagged , , , , , , , , , , , , , | Leave a comment

Load Tabs with Ajax

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 , , , , , , , , , , , , , , , , , | Leave a comment

jQWidgets 1.9

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 , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Announcing jQWidgets 1.7

We are happy to announce the availability of jQWidgets ver. 1.7. What’s New jqxGrid cells selection. jqxGrid Touch scrolling. What’s Improved jqxGrid virtual mode rendering. jqxGrid rows selection. jqxScrollBar scrolling behavior on touch-enabled devices. jqxChart stacked series 1px precision rendering … 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 , , , , , , , , , , , , , , , , , , , , , | Leave a comment

Tabs Editing

In this post, we will show you how to edit the Tabs titles at run-time. The task is to open a text Input when the user double-clicks a tab title. The input should be initialized with the title of the … Continue reading
Posted in JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxTabs | Tagged , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

jQuery Tabs Widget With Nice ScrollBars

In this post, we will use the jqxTabs and jqxPanel widgets and will illustrate how to add them to your web page and add a Panel widget as a content in each Tab. Doing this, we will replace the standard … Continue reading
Posted in JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxTabs | Tagged , , , , , , , , , , , , , , , , , , , , , , , , | 2 Comments

Tabs with Context Menu

In this post we will illustrate how to add a context menu to the Tabs widget. The Context Menu should be displayed when the mouse’s right button is clicked and the mouse cursor is over the Tabs widget. The Menu … Continue reading
Posted in JavaScript, JavaScript Plugins, JavaScript Widgets, jQuery, jQuery Plugins, jQuery UI, jQuery UI Plugins, jQuery UI Widgets, jQuery Widgets, jQWidgets, jqxMenu, jqxTabs | Tagged , , , , , , , , , , , , , , , , , , , , , , , , , , , | Leave a comment

jQuery Slideshow with jqxTabs

This post shows how to use and configure the jqxTabs widget so you can create a simple slideshow that automatically switches between the tabs. The $(‘#jqxTabs’).jqxTabs(‘next’) function selects the next tab until the last tab. If the last tab is … Continue reading
Posted in jQuery UI Plugins, jQuery UI Widgets, jQWidgets, jqxTabs | Tagged , , , , , , , , , , , | Leave a comment