http://www.rockettheme.com/forum/index.php?f=403&t=108793&rb_v=viewtopic
RokFeatureTable is a template integrated module that is designed to show tabular data in a stylistic, and easy to present manner. The module is downloadable with the other Omnicron extensions.
Core Features
- Unlimited Rows
- Extensive data control
- Highlight Column Control
- Assign custom classes
- Custom CSS styles
- Template specific layouts
Usage Examples
- Price Comparisons
- Feature Comparisons
- Service Matrix
Module Configuration
Edit the module from Admin → Extensions → Module Manager → RokFeatureTable.
- Module Class Suffix: Appends a class for individual styling - featuretable is used on this demo.
- Highlight Column: Select which of the columns is highlighted by default.
- Preset Templates: Load a predefined template layout.
- Layout Settings: See below
Layout Settings
Select Layout Settings to activate the javascript popup. Here you can have up to 6 column, and an unlimited number of rows. For each row you can define class, subline, link and style.
Forum Tutorial: Setting Up RokFeatureTable Module
How To Configure RokFeatureTable Module
1. If you still don't have RokFeatureTable installed, the module can be downloaded with the other Omnicron extensions.
2. In your Joomla administrator panel, go to: Extensions → Module Manager → RokFeatureTable
3. Here we can set the optional parameters:
3. a) Module Class Suffix : You can put any module suffix if necessary. In Omnicron template, you might want to put "featuretable" (without quotes)
3. b) Highlight Column : Choose the column you want to highlight by default or choose none if you don't want any column gets highlighted. For example, if we choose "Column 3", it will be shown like the following:
3. c) Preset Templates : There are 2 presets templates for the table, "Browsers" and "Price Table". To make the setup easier and faster, let's load the sample data by clicking the Import button.
The "Price Table" template is the one shown in the demo site and the following one is the screenshot for "Browsers" table.
4. Configure the layout setup. Here, you will be presented with a interactive grid. You can add/remove columns and rows by following below steps.
4. a) To add column, click the + button like shown in the following screenshot. To remove the column, hover the mouse on the column you want to delete and click the red "Remove" link under it.
4. b) To add row, click the + button and to remove the row, click the - like shown in the following screenshot.
5. You may insert raw text or HTML into the row input boxes.
6. Click the class, subline, link or style buttons to activate new input boxes.
6. a) Class : Wrapping the text inside a div with specified class, for example:
It will produce the following html code:
<div class="name">Free</div>
6. b) Subline : Adding a subline, for example:
It will produce the following html code:
6. c) Link : Wrapping the text inside a link with specified url, for example:
<a href="http://www.mozilla.com/en-US/firefox/all.html">Firefox</a>
6. d) Style : Adding inline css style, for example:
It will produce the following html code:
No comments:
Post a Comment