DMXzone Tabs
"Organize your content in tabs with amazing effects and styles"
You want to organize your content in the best possible way? Now, you can do that with DMXzone Tabs, the extension that gives you the opportunity to divide and style your content into as many sections as needed directly and visually in Dreamweaver! The DMXzone Tabs is for everyone that wants to add any content from simple text to images, videos and even whole pages, all of this rendered live in Dreamweaver design view, so you can switch from tab to tab and edit it right in place.
With the style picker you can choose between the 24 different predefined designs included in this Dreamweaver extension or style it through the CSS to match your website layout.
Fully customizable, the extension offers amazing effects for a better user experience to stun them right away. The extension is also controllable by behaviors if you want to navigate to a specific tab or start an event within it, and even bind it with other DMXzone extensions.
Features Highlights:
- 24 lightweight CSS Designs included - We have chosen to use CSS3 effects like rounded corners and shadows in our CSS designs to make them really pure CSS and very light.
- Easy to choose style picker - We've included a style picker where you can see a preview of the chosen design
- Organize your content into multiple tabs - Break your web content into multiple tabs that you can easily navigate between and save space
- Display any content - You can add rich content into the tabs, such as text, images, videos and even whole pages
- All tabs are live rendered in Dreamweaver and can be fully navigated in design view! So you can easily visual switch from tab to tab and edit it right in place! Note that this feature requires Dreamweaver CS3+
- Fully controllable by behaviors - If you want to navigate to a specific tab or start an event within it - it can be easily done with the Control DMXzone Tabs behavior
DMXzone Tabs Demo
In this demo website you can see how easy it is to put all of your content on one page with the help of DMXzone Tabs, where you can divide it in categories, add images, tables and more.
| Features in Detail » |
DMXzone Tabs Designs
- 24 lightweight CSS Designs included - We have chosen to use CSS3 effects like rounded corners and shadows in our CSS designs to make them really pure CSS and very light - so no extra images for many weird CSS hacks are loaded. Also you can edit them to fit your website perfectly
- Easy to choose style picker - We've included a style picker where you can see a preview of the chosen design
- Organize your content into multiple tabs - Break your web content into multiple tabs that you can easily navigate between and save space
- Display any content - You can add rich content into the tabs, such as text, images, videos and even whole pages
- Fully customizable styles - Our tabs are all CSS based so you can easily make your own adjustments in the CSS from within Dreamweaver's CSS editor
Revolutional Dreamweaver integration
All tabs are live rendered in Dreamweaver and can be fully navigated in design view! So you can easily visual switch from tab to tab and edit it right in place! Note that this feature requires Dreamweaver CS3+
- Add, remove or rearrange tabs - You can add, remove and rearrange tabs from the Inline property inspector
- Fully resizable - The height of the tabs expands depending on the content but the width can be set manually
- Toggle sections onClick or on mouse over - You can set your tabs to be switched onClick or on hover in order to create a more intuitive navigation
- Collapsible tabs - You can make the sections collapsible so that when clicked the selected tab will toggle its content closed/open
- Cool effects - You can
customize the animation effect that appears while switching between tabs
by toggling its Height and Opacity and adjusting the Speed. These
options allow you to add a sliding effect and hide the content during
the transitions
- Auto Rotate - If you need to switch your tabs automatically when the page is loaded, simply choose the Auto Rotate option. Select Continuous to prevent your users from navigating between the tabs manually
- Inline property inspector - You can easily change all the visual options later on
- Fully controllable by behaviors - If you want to navigate to a specific tab or start an event within it - it can be easily done with the Control DMXzone Tabs behavior
- Full support for the DMXzone Behavior Connector - You can easily bind other DMXzone extensions like DMXzone Lightbox, and Advanced HTML Editor 3 to your tabs
- Search Engine Friendly - As the DMXzone Tabs is pure HTML and CSS code it can be nicely indexed by all search engines and web spiders.
| « Overview | Demos » |
DMXzone Tabs Demo
In this demo website you can see how easy it is to put all of your content on one page with the help of DMXzone Tabs, where you can divide it in categories, add images, tables and more.
| « Features in Detail | Videos » |
Adding DMXzone Tabs on a Website
With this movie we will show you how to insert DMXzone Tabs on your page and the options that we included in it.
Controlling DMXzone Tabs with Dreamweaver Behaviors
With this movie we will show you how to use Dreamweaver Behaviors in order to control DMXzone Tabs.
Inserting HTML5 Slideshow within DMXzone Tabs
With this movie we will show you how to insert an HTML5 Slideshow gallery within the DMXzone Tabs.
Multi Language Insert Record Page in Advanced HTML Editor 3
With this movie we will show you how to use DMXzone Tabs and Advanced HTML Editor 3 in order to create a multi language insert record page in Dreamweaver.
| « Demos | Requirements » |
| Type: | Behavior |
|---|---|
| License: | Details... |
| Product: | Dreamweaver CS3, Dreamweaver CS4, Dreamweaver CS5/CS5.5 and CS6, Dreamweaver CS5.5 |
| Platform: | Win XP/2000/2003/2008/7, Mac OS X, Mac OS X 10.4+ |
| Browser: | IE 8, IE 9, Opera 10+, Opera 11, Firefox 3.6, Opera 9.5, Safari 5+, Chrome 9+, Chrome 10+ |
| Used Technologies: | jQuery UI |
| Screen Shot: | Details... |
| Tags: | tabs, jqueryUI, css, dreamweaver, extension |
The DMXzone Tabs runs on Dreamweaver 8 but we do not support it officially.
| « Videos |
George Petrov
George Petrov is the Founder of the highly successful Zones: DMXzone.com, FWzone.net, FLzone.com, CFzone.net, DNzone.com and FlashFiles.nl
He has developed the comprehensive Dynamic Zones Content Management System that is the brains driving them and constantly supports their online communities with his extensive and valuable knowledge.
He is a renowned web development 'Guru' who has written many articles and extension for Adobe's Dreamweaver.
George Petrov is also the CEO and Founder of Dynamic Zones and also very proud of his children Sofie, Victor and Alexander!
User Reviews
Total of 2 reviewsgreat extension - counterpart for accordeon
Written by Reinhard Czwiertnia on February 23, 2012works great and as expected! Regrettably it lacks any support for dynamic content. Websites nowadays use php/mysql a lot. Creaton of static tabs is easy and very well designed, though.
DMXZone Tabs
Written by Cinema Pete on February 10, 2012I just purchased the DMXZone Tabs: This is a preliminary review because I just purchased and installed the tabs control and just had to tell about my initial experience with it. I want to congratulate DMX Zone on this outstanding tab control. ...
