Today we are announcing a huge update to Quix tab element. This new update takes what was a simple tab builder and transforms it into something new, something much more powerful and full of possibilities. We called it 'Smart Tabs' and it's a big update that really takes the element to the next level.
Section, Row, Column & Element As Tab Content
The smart tabs element can pull any section, row, columns or other element as tab content. That means, your tab content layout has hundreds of possibilities. It use the Quix native builder interface so you have zero learning curve.
All you need is to copy the section or row id, and paste it into smart tabs navigation item settings.
New Tab Layouts
The smart tabs element comes with two different layout. You can create horizontal and vertical tab layout and align them accordingly, which is great for making a multi dimensional content experience.
Subtitle & Image/Icon
The nav title also has subtitle option where you can add more description of your tab navigation. It's great for explaining features as tab nav and showing image as tab content.
You can also add image or select an icon for each individual nav item. Make your tab more visually appealing to your visitors.
The smart tabs element comes with a huge set of styling option that can make your tab stand out and unique. Typography, color, spacing, hover and active state controls allow you to uniquely design each of your tabs styles.
The smart tab element leverage all our animations set, plus you can control the appearance of tab content animation. Support fire different animations.
Brand New Typography Control
We redesigned the typography controls from scratch. We transform the font size, line height and letter spacing input box with a slider. Now you don't have to leave your mouse, just drag the slider to adjust the values.
800+ Google Fonts Support
We've updated the Google fonts selector with all their 800+ fonts and the list change dynamically. You don't have to wait for Quix update, when Google release a new font you will see it immediately on your font selector drop down.
All the fonts has their own set of variants. Just select the font and you will see all available variants right after the drop down.
New On-Boarding System
This update comes with a new onboarding screen that will help you to get started with Quix faster than ever. Instead of a blank section, you will now see 2 button that we think the most straightforward way to get started.
New Icon System Implemented
You can start building your site from our range of pre-designed blocks or start from scratch...
You can also watch all of Quix's video tutorials that will give you a clear understanding of how Quix work and how you can make a beautiful page with it.
We've done something awesome with Quix icon system and we are not going to release this feature in this version. Instead, we are making Quix ready for new icon system. This will provide a breathing window to template developer to update their template with the new icon loader API.
Quix 1.7 brings you lot more new features and improvements. We've tested it thoroughly on staging and production website. Everything works fine but you have to follow these steps before you jump into update :
- Take Backup : We always recommend to take backup before update to any major extensions update. You can safely restore anytime.
- Update Your Template First : If you are using our templates, then please check the template update section and update it first. New icon system will not work if the template use any core element override.
- Clear Browser Cache: In order to see new typography controls, please clear your browser cache and hard reload the browser. Cmd + Shift + R if you are using Mac, Ctrl + R if you are in Windows. Due to browser aggressive caching, you may not see the controls so clear the cache first.
The new smart tabs elements is available today with all other improvements and fix.
So download Quix today and take it for a spin. Have fun and don't forget to check next week for even more great Quix update coming your way.