×

An unexpected error occurred. Please try again later.

HTML5 Tabbed Panels

20% OFF EXCLUSIVE ADOBE OFFER! Perfect, flexible and easy to use tab panels component with many useful features and options to create multi-tab interface for any site.

20% OFF EXCLUSIVE ADOBE OFFER! Perfect, flexible and easy to use tab panels component with many useful features and options to create multi-tab interface for any site.

Buy
$49.90

HTML5 Tabbed Panels is a very easy and convenient way to organize your content in the most effective way. Tabbed Panels can imitate the multi-page structure and as a result, your site visitors will get easy access to the big content without scrolling through a large page. More over component has auto height function, which is very useful for content of different height, as panel container will be automatically resized when user click the tab. HTML5 Tabbed Panels comes with a wide range of settings for customization. Tabbed Panels options lets you configure the position of the tabs making possible to organize either horizontal or vertical design. Additionally you can choose whether you want to display tabs in a form of scrolling tabs panel or make them look like bookmarks. Autoplay and loop functions give you the ability to turn component into a kind of scroller, or even banner as it will rotate the content in a form of carousel. Tabs icons and subtitles offer your site visitors more vivid and diverse tabs look. You can choose from multiple animation settings and easing effects for the tabs scroll, panel swap and height resize. Tabbed Panels has nice feature of loading panel content using AJAX to save page load time as site visitors will not always navigate through all the tabs. All that you need to do is to add a link of the external file with the content to a tab. And don't forget that HTML5 Tabbed Panels is search engine friendly as content is situated inside structurally semantic HTML code and can be easily accessed and indexed by search engines.

Features:

- Customization
There is no need to dig into CSS files to make some changes in component style. All colors, fonts, sizes, spacings and other - can be changed to fit the look and feel you want with few clicks.

- Tabs editor
You can easily create necessary list of tabs, using tabs editor. Through the tab editor you can add or remove tabs, write description or move them.

- HTML content
Tabs can display any HTML code.

- Tabs position
The tabs can be placed horizontally (above or below) or vertically (left or right) of the content.

- Unlimited tabs
Tabbed Panels has control buttons, this makes it possible to display any number of tabs. Users can navigate through the tabs using these buttons or swiping if using a touchscreen.

- Autoplay and loop options
Tabbed Panels can automatically scroll through the tabs in a loop. Using these options you can turn component into scroller.

- Auto height resizing
Panels can contain various content with differnt height. You can enable the auto height setting, so panel will be automatically resized according necessary height.

- Animation effects
Component has different animation and easing effects for tabs scroll and panel swap.

- Icons
Each tab can have its own icon with alignment parameter.

- Captions
Each tab can have its own title and subtitle with alignment parameter.

- Content using AJAX
Component can load external content dynamically using AJAX. Everything you need is to add a link through the editor.

- SEO-friendly
Content is situated inside structurally semantic HTML code and can be easily accessed and indexed by search engines.

Rating

Title
Comment

Updates:
1.0.3 - Cumulative update (fixed different bugs), includes previous versions.
1.0.4 - fixed insert into template-based page.
1.0.5 - extension includes timestamp signature.
1.0.6 - jQuery version changed to 1.10.2.
1.0.7 - fixed bug with iPhone 6.
1.0.8 - extension update.

Dreamweaver CS3-CS6 Users! Please contact us via email: support@solutions4website.com in order to get the extension for your Dreamweaver version and don't forget to attach your Adobe receipt!

You can access this extension through Insert > Solutions4Website > HTML5 Tabbed Panels.

The Help section, on-line demos and more information about the extension you can click here:
http://www.solutions4website.com/Extensions/html5_tabbed_panels.aspx?adobe=true

More By This Producer:

Extensions