Likno Web Tabs Builder
User Interface for creating any type of jQuery tab: html tab, javascript tab,
css tab, ajax tab, web tab, vertical tab, horizontal tab, dhtml tab, jquery ajax tab, etc.
No Code - WYSIWYG
Rich UI - For All Browsers
Any Editor - Any CMS
Drupal Tabs examples
Drupal Tabs/Likno Web Tabs Builder features
The Likno Web Tabs Drupal add-in & module combination has been developed to let you create stylish, feature-rich tab controls for your sites! You can fully customize your tab controls by adding your own non-drupal content with external or internal links, html-rich content, colors, borders, effects, designs of your choice and many more!
This already exists inside your Likno Web Tabs Builder installation (v2.0.200 or above only - no need to download and install separately), and can be accessed through the following menu:
You can use the add-in to compile the tabs for use on your Drupal pages.
This is the module that you need to install on your Drupal website.
Through the module you can upload the files of your tab control, choose whether or not an anchor element will be printed and finally choose the positioning method of it.
The Drupal module supports 2 tab control positioning methods:
- "Shortcode" method: This means that you can add this tab control inside the post or page that you want, using the drupal editor. Copy the code that the module produces (when has sortcode option selected) and place it inside the page/article you want.
The tab control will appear only on the single view of your page/article.
- "Block" method: A block of the selected tab control is initially created and found in the blocks administration page (should be at 'admin/structure/block'), under the "Disabled Blocks" section. Just drag this block instance and drop it inside the Block Area that you want.
Note: You should keep in mind that actual tab control positioning is handled by the Likno Web Tabs Builder application.
Release Version: | 1.0 |
License / Size: |
GNU/GPL |
Requirements: |
This "Module" version (i.e. code installed on Drupal) requires Likno Web Tabs Builder v2.0.200 or above in your PC (click [About] on its [Help] menu to view its version). Download the latest Likno Web Tabs Builder if not installed yet. The "Add-in" (i.e. code within Likno Web Tabs Builder) is already included with the installation (since v2.0.200, Jun. 2011), so no separate download link exists for install. |
While in Drupal:
Switch to the Likno Web Tabs Builder desktop application:
While in Likno Web Tabs Builder software, you will find the Positioning property at the bottom of the Project Panes tab.
There are 3 sub-options:
"Insert inside a page Element (div, span, td, etc)", "Replace a page Element", "Replace a page Image" (by using it's filename).View how positioning works through detailed examples/use cases
While in Likno Web Tabs Builder software:
Note: When asked for "Site_Root folder" use any local folder on your hard drive you like for the compiled files to be produced.
Select the tab control that matches the tab control you created with Likno Web Tabs Builder application. Using the "Upload tab control files" panel, browse to the location that the compiled tab control was produced(item [1] on screenshot), select it (item [2] on screenshot), press the "Browse button" (item [3] on screenshot) and upload the file by pressing Save button (item [4] on screenshot). Make sure that you have copied the produced shortcode by clicking the Copy button.
Note: The name of the tab control is again the one you selected in the options of the module (default is 'tab control'). You can change these options in the Tools > Project Properties > Folders in the Likno Web Tabs Builder application. It is strongly recommended not to edit the above properties, just leave them default..