Tabber Widget

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
(Added - Change Number of Tabs: sub-section)
 
(2 intermediate revisions by one user not shown)
Line 1: Line 1:
==Customize Tabber Widget==
+
__NOTOC__
  
====Extra Customizations Policies====
+
<div class="exchange-home-list">
[http://ithemes.com/codex/page/PluginBuddy#Extra_Customizations Check our the official policy and details on any Extra Customizations]
+
==Additional Resources== __NOEDITSECTION__
 +
*[[Extra_Customizations|Official policy and details on any Extra Customizations]]
 +
*[[Adjust_Height_of_Tabber_Widget_Or_Specific_Tabs|Adjust Height of Tabber Widget or Specific Tabs]]
 +
*[[Place_Icons_Or_Images_Before_Tab_Titles|Place Icons Or Images Before Tab Titles]]
 +
*[[Change_Number_of_Tabs|Change Number of Tabs]]
 +
*[[Making_Tabber_Widget_Compatible_with_Different_Themes|Making Tabber Widget Compatible with Different Themes]]
 +
</div>
  
====Adjust Height of TabberWidget OR Specific Tabs====
+
<div class="exchange-home-list">
 +
==Additional Resources== __NOEDITSECTION__
 +
*[http://ithemes.com/purchase/backupbuddy/ Purchase BackupBuddy]
 +
*[http://ithemes.com/tutorials/ iThemes Tutorials]
 +
*[http://ithemes.com/ iThemes.com]
 +
*[http://ithemes.com/forum/ Support Forums]
 +
</div>
  
You can easily adjust the height of each Tab inside the TabberWidget OR the entire Tabber Widget wrapper itself. Use the following styling template and customize the height to your own needs, and then put it in your theme's css file at the very end:
+
<br />
 
+
[[:Plugins|← Back to Plugin Codex Home]]
<pre code="css">
+
#tabber_widget-4-content, #tab-tabber_widget-4-1, #tab-tabber_widget-4-2, #tab-tabber_widget-4-3
+
/* tabber_widget-4-content is the TabberWidget in question, tab-tabber_widget-4-1 is the first tab, tab-tabber_widget-4-1 is the second tab, and so on. Make sure you change the actual tabber_widget-4-content and tab-tabber_widget-4 to your own tabberwidget id. */
+
{
+
height: 350px;
+
}
+
</pre>
+
 
+
*Related link
+
**http://ithemes.com/forum/index.php?/topic/18291-tabber-widget-not-displaying-tab-content/
+
 
+
====Place icons Or images before Tab Titles====
+
 
+
It is currently VERY easy to place any icon or image before a Tab Title.
+
 
+
*Steps for placing icons/images before Tab Titles
+
**1 : Create a Tabber Widget
+
**2 : Edit the Tabber Widget in question
+
**3 : Right before the actual title, place the image html code.
+
***Example, instead of "Your Title", put in "<code><img src="http://www.google.com/imagelink.jpg"> Your Title</code>" Replace that link and image name with your own link and image that you want to use.
+
**4 : Save. All done!
+
 
+
That will show the image right before your title.
+
 
+
*Related link
+
**http://ithemes.com/forum/index.php?/topic/18669-how-to-place-a-social-networking-icon-in-a-tabber-widget-tab/
+
 
+
====Change Number of Tabs====
+
 
+
By default, TabberWidget allows a maximum of 10 tabs to be used in the Widgets section at one time.
+
 
+
*You can change this number to any other number if you wish by following these steps:
+
**1 : Open the editor.php file in the wp-content/plugins/tabber-widget folder.
+
**2 : Replace 10 with the number you wish. Following are your options on how to do this:
+
***2A : Search for and replace 10 in that entire file with any other number you wish, depending on the number of tabs you want in Tabber Widget.
+
***2B : OR you can change the "10" to any other number, without the quotes, on the following 4 lines:
+
****1 : Line 107
+
****2 : Line 189
+
****3 : Line 225
+
****4 : Line 273
+
**3 : Save. You're done.
+
 
+
This MAY result in your TabberWidget settings area to look different or strange because of the number of Tabs you choose above. However, you will still get the different number of tabs you wish with this method.
+
 
+
*Related thread
+
**http://ithemes.com/forum/index.php?/topic/19201-need-more-than-10-widgets-in-tabber/
+
 
+
==Additional Resources==
+
# [http://pluginbuddy.com/free-wordpress-plugins/ Free Plugins by PluginBuddy]
+
# [http://pluginbuddy.com/tutorials/ PluginBuddy Tutorials]
+
# [http://pluginbuddy.com/ PluginBuddy.com]
+
# [http://pluginbuddy.com/support/ Support Forums]
+
 
+
[[Category:PluginBuddy]]
+

Latest revision as of 18:35, July 19, 2013



← Back to Plugin Codex Home

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox