[richfaces-svn-commits] JBoss Rich Faces SVN: r19261 - in trunk/ui/output/ui/src/main: resources/META-INF and 2 other directories.

Author: nbelaevski Date: 2010-09-20 04:56:19 -0400 (Mon, 20 Sep 2010) New Revision: 19261 Added: trunk/ui/output/ui/src/main/resources/META-INF/richfaces/ trunk/ui/output/ui/src/main/resources/META-INF/richfaces/resource-mappings.properties Removed: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/actlefttab_bg.gif trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/actrighttab_bg.gif trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab2_bg.gif trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab2_bottom_bg.gif trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab_bg.gif trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab_bottom_bg.gif trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/lefttab_bg.gif trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/tab_bg.gif Modified: trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabPanelRenderer.java trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabRenderer.java trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/Tab.js trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/tabPanel.ecss Log: https://jira.jboss.org/browse/RF-9361 https://jira.jboss.org/browse/RF-9363 Modified: trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabPanelRenderer.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabPanelRenderer.java 2010-09-20 08:09:38 UTC (rev 19260) +++ trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabPanelRenderer.java 2010-09-20 08:56:19 UTC (rev 19261) @@ -22,6 +22,23 @@ package org.richfaces.renderkit.html; +import static org.richfaces.component.AbstractTogglePanelTitledItem.HeaderStates.active; +import static org.richfaces.component.AbstractTogglePanelTitledItem.HeaderStates.disable; +import static org.richfaces.component.AbstractTogglePanelTitledItem.HeaderStates.inactive; +import static org.richfaces.component.html.HtmlAccordion.PropertyKeys.height; +import static org.richfaces.component.util.HtmlUtil.concatClasses; +import static org.richfaces.component.util.HtmlUtil.concatStyles; +import static org.richfaces.renderkit.RenderKitUtils.renderPassThroughAttributes; + +import java.io.IOException; +import java.util.Map; + +import javax.faces.application.ResourceDependencies; +import javax.faces.application.ResourceDependency; +import javax.faces.component.UIComponent; +import javax.faces.context.FacesContext; +import javax.faces.context.ResponseWriter; + import org.ajax4jsf.javascript.JSObject; import org.richfaces.component.AbstractTabPanel; import org.richfaces.component.AbstractTogglePanel; @@ -32,21 +49,6 @@ import org.richfaces.renderkit.HtmlConstants; import org.richfaces.renderkit.RenderKitUtils; -import javax.faces.application.ResourceDependencies; -import javax.faces.application.ResourceDependency; -import javax.faces.component.UIComponent; -import javax.faces.context.FacesContext; -import javax.faces.context.ResponseWriter; -import java.io.IOException; -import java.util.Map; - -import static org.richfaces.component.AbstractTogglePanelTitledItem.HeaderStates.*; -import static org.richfaces.component.AbstractTogglePanelTitledItem.HeaderStates.active; -import static org.richfaces.component.html.HtmlAccordion.PropertyKeys.height; -import static org.richfaces.component.util.HtmlUtil.concatClasses; -import static org.richfaces.component.util.HtmlUtil.concatStyles; -import static org.richfaces.renderkit.RenderKitUtils.renderPassThroughAttributes; - /** * @author akolonitsky * @since 2010-08-24 @@ -64,7 +66,6 @@ public class TabPanelRenderer extends TogglePanelRenderer { private static final RenderKitUtils.Attributes HEADER_ATTRIBUTES = RenderKitUtils.attributes() - .generic("style", HtmlTab.PropertyKeys.headerStyle.toString()) .generic("onclick", HtmlTab.PropertyKeys.onheaderclick.toString(), "headerclick") .generic("ondblclick", HtmlTab.PropertyKeys.onheaderdblclick.toString(), "headerdblclick") .generic("onmousedown", HtmlTab.PropertyKeys.onheadermousedown.toString(), "headermousedown") @@ -112,9 +113,9 @@ w.endElement("tbody"); w.endElement("table"); - writeTopTabsControl(w, comp, "rf-tb-hdr_scroll_left rftp_hidden", "«"); - writeTopTabsControl(w, comp, "rf-tb-hdr_tabslist rftp_hidden", "↓"); - writeTopTabsControl(w, comp, "rf-tb-hdr_scroll_right rftp_hidden", "»"); + writeTopTabsControl(w, comp, "rf-tb-hdr_scroll_left rftp_hidden", "\u00AB"); + writeTopTabsControl(w, comp, "rf-tb-hdr_tabslist rftp_hidden", "\u2193"); + writeTopTabsControl(w, comp, "rf-tb-hdr_scroll_right rftp_hidden", "\u00BB"); w.endElement("div"); } @@ -129,34 +130,28 @@ return HtmlUtil.concatClasses("rf-tbp", attributeAsString(component, "styleClass")); } - private void writeTopTabHeader(FacesContext context, ResponseWriter writer, AbstractTogglePanelTitledItem tab) throws IOException { - writer.startElement("td", tab); - writer.writeAttribute("id", tab.getClientId() + ":header", null); - writer.writeAttribute("class", concatClasses("rf-tb-hdr", attributeAsString(tab, HtmlTab.PropertyKeys.headerClass)), null); - renderPassThroughAttributes(context, tab, HEADER_ATTRIBUTES); - boolean isActive = tab.isActive(); boolean isDisabled = tab.isDisabled(); + encodeTabHeader(context, tab, writer, inactive, !isActive && !isDisabled); encodeTabHeader(context, tab, writer, active, isActive && !isDisabled); encodeTabHeader(context, tab, writer, disable, isDisabled); - writer.endElement("td"); } private void encodeTabHeader(FacesContext context, AbstractTogglePanelTitledItem tab, ResponseWriter writer, AbstractTogglePanelTitledItem.HeaderStates state, Boolean isDisplay) throws IOException { - writer.startElement("div", tab); - writer.writeAttribute("id", tab.getClientId() + ":header:" + state, null); - writer.writeAttribute("style", concatStyles("white-space: nowrap", isDisplay ? "" : "display : none"), null); - + + writer.startElement("td", tab); + writer.writeAttribute("id", tab.getClientId() + ":header:" + state.toString(), null); + renderPassThroughAttributes(context, tab, HEADER_ATTRIBUTES); String name = "headerClass" + capitalize(state.toString()); - writer.writeAttribute("class", concatClasses("rf-tb-hdr-" + state.abbreviation(), attributeAsString(tab, name)), null); + writer.writeAttribute("class", concatClasses("rf-tb-hdr rf-tb-hdr-" + state.abbreviation(), + attributeAsString(tab, HtmlTab.PropertyKeys.headerClass), attributeAsString(tab, name)), null); + writer.writeAttribute("style", concatStyles(isDisplay ? "" : "display : none", attributeAsString(tab, HtmlTab.PropertyKeys.headerStyle.toString())), null); - writeTopTabIcon(context, tab, writer, "rftp_icon", "ico.gif"); - writer.startElement("span", tab); writer.writeAttribute("class", "rftp_label", null); @@ -171,10 +166,8 @@ } writer.endElement("span"); - - writeTopTabIcon(context, tab, writer, "rftp_close", "close_act.gif"); - - writer.endElement("div"); + + writer.endElement("td"); } @@ -186,16 +179,6 @@ w.endElement("div"); } - private void writeTopTabIcon(FacesContext context, UIComponent comp, ResponseWriter writer, String styleClass, String image) throws IOException { - writer.startElement("img", comp); - writer.writeAttribute("width", 16, null); - writer.writeAttribute("height", 16, null); - writer.writeAttribute("class", styleClass, null); - - String imagePath = context.getApplication().getResourceHandler().createResource("org.richfaces/" + image).getRequestPath(); - writer.writeAttribute("src", imagePath, null); - } - private void writeTopTabFirstSpacer(ResponseWriter w, UIComponent comp) throws IOException { writeTopTabSpacer(w, comp, "padding-left: 5px;", "rf-tb-hdr_spacer"); } Modified: trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabRenderer.java =================================================================== --- trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabRenderer.java 2010-09-20 08:09:38 UTC (rev 19260) +++ trunk/ui/output/ui/src/main/java/org/richfaces/renderkit/html/TabRenderer.java 2010-09-20 08:56:19 UTC (rev 19261) @@ -22,19 +22,20 @@ package org.richfaces.renderkit.html; -import org.ajax4jsf.javascript.JSObject; -import org.richfaces.component.AbstractTogglePanelTitledItem; -import org.richfaces.renderkit.HtmlConstants; +import static org.richfaces.component.util.HtmlUtil.concatClasses; +import java.io.IOException; +import java.util.Map; + import javax.faces.application.ResourceDependencies; import javax.faces.application.ResourceDependency; import javax.faces.component.UIComponent; import javax.faces.context.FacesContext; import javax.faces.context.ResponseWriter; -import java.io.IOException; -import java.util.Map; -import static org.richfaces.component.util.HtmlUtil.concatClasses; +import org.ajax4jsf.javascript.JSObject; +import org.richfaces.component.AbstractTogglePanelTitledItem; +import org.richfaces.renderkit.HtmlConstants; /** * @author akolonitsky Modified: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/Tab.js =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/Tab.js 2010-09-20 08:09:38 UTC (rev 19260) +++ trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/Tab.js 2010-09-20 08:56:19 UTC (rev 19261) @@ -41,7 +41,9 @@ this.index = options["index"]; this.getTogglePanel().getItems()[this.index] = this; - rf.Event.bindById(this.id + ":header", "click", this.__onHeaderClick, this) + //TODO - optimize this + rf.Event.bindById(this.id + ":header:active", "click", this.__onHeaderClick, this) + rf.Event.bindById(this.id + ":header:inactive", "click", this.__onHeaderClick, this) }, /***************************** Public Methods ****************************************************************/ @@ -70,7 +72,7 @@ * */ __content : function () { if (!this.__content_) { - this.__content_ = $(rf.getDomElement(this.id)); + this.__content_ = $(rf.getDomElement(this.id + ":content")); } return this.__content_; }, Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/actlefttab_bg.gif =================================================================== (Binary files differ) Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/actrighttab_bg.gif =================================================================== (Binary files differ) Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab2_bg.gif =================================================================== (Binary files differ) Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab2_bottom_bg.gif =================================================================== (Binary files differ) Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab_bg.gif =================================================================== (Binary files differ) Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/acttab_bottom_bg.gif =================================================================== (Binary files differ) Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/lefttab_bg.gif =================================================================== (Binary files differ) Modified: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/tabPanel.ecss =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/tabPanel.ecss 2010-09-20 08:09:38 UTC (rev 19260) +++ trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/tabPanel.ecss 2010-09-20 08:56:19 UTC (rev 19261) @@ -2,7 +2,7 @@ border: "1px solid #{richSkin.panelBorderColor}"; vertical-align: top; /*gradient - from generalBackgroundColor to tabBackgroundColor*/ - background: "url(#{resource['org.richfaces:tab_bg.gif']}) top repeat-x #{richSkin.tabBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:tabBg.png']}) top repeat-x #{richSkin.tabBackgroundColor}"; } .rftp_active_bottom { @@ -10,7 +10,7 @@ font-weight: bold; vertical-align: top; /*gradient - from tabBackgroundColor to generalBackgroundColor*/ - background: "url(#{resource['org.richfaces:acttab_bottom_bg.gif']}) top repeat-x #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actTabBottomBg.png']}) top repeat-x #{richSkin.additionalBackgroundColor}"; } .rftp_bottomtab_tabline_vis { @@ -50,7 +50,7 @@ .rftp_bottomtab_scroll_left { /*gradient - from tabBackgroundColor to generalBackgroundColor*/ - background: "url(#{resource['org.richfaces:acttab_bg.gif']}) bottom repeat-x #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actTabBg.png']}) bottom repeat-x #{richSkin.additionalBackgroundColor}"; position: absolute; bottom: 1px; left: 1px; @@ -66,7 +66,7 @@ .rftp_bottomtab_scroll_right { /*gradient - from tabBackgroundColor to generalBackgroundColor*/ - background: "url(#{resource['org.richfaces:acttab_bg.gif']}) bottom repeat-x #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actTabBg.png']}) bottom repeat-x #{richSkin.additionalBackgroundColor}"; position: absolute; bottom: 1px; right: 17px; @@ -82,7 +82,7 @@ .rftp_bottomtab_tabslist { /*gradient - from tabBackgroundColor to generalBackgroundColor*/ - background: "url(#{resource['org.richfaces:acttab_bg.gif']}) bottom repeat-x #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actTabBg.png']}) bottom repeat-x #{richSkin.additionalBackgroundColor}"; position: absolute; bottom: 1px; right: 1px; @@ -96,23 +96,17 @@ padding-top: 2px; } -.rf-tb-hdr { - border: "1px solid #{richSkin.panelBorderColor}"; - vertical-align: top; - - /*gradient - from generalBackgroundColor to tabBackgroundColor*/ - background: "url(#{resource['org.richfaces:tab_bg.gif']}) top repeat-x #DAE7F5"; /* #{richSkin.tabBackgroundColor} */ -} - .rf-tb-hdr { + white-space: nowrap; + border: "1px solid #{richSkin.panelBorderColor}"; cursor : pointer; - border : 1px solid #A6A6A6; - padding : 0px 0px 3px 0px; + padding : 0px 5px 3px 5px; vertical-align : top; - background-image: "url(#{resource['org.richfaces:tab_bg.gif']})"; + /*gradient - from generalBackgroundColor to tabBackgroundColor*/ + background-image: "url(#{resource['org.richfaces.images:tabBg.png']})"; background-position: top; - background-color: #DAE7F5; background-repeat: repeat-x; + background-color: "#{richSkin.tabBackgroundColor}"; } @@ -120,15 +114,19 @@ border-bottom: 0px; font-weight: bold; vertical-align: top; - - /*gradient - from tabBackgroundColor to generalBackgroundColor*/ - background: "url(#{resource['org.richfaces:acttab_bg.gif']}) top repeat-x #{richSkin.additionalBackgroundColor}"; + background-image: "url(#{resource['org.richfaces.images:actTabBg.png']})"; + background-position: top; + background-repeat: repeat-x; + background-color: "#{richSkin.additionalBackgroundColor}"; + cursor: default; } -rf-tb-hdr-inact { +.rf-tb-hdr-inact { } -rf-tb-hdr-dis { +.rf-tb-hdr-dis { + color: "#{richSkin.tabDisabledTextColor}"; + cursor: default; } .rf-tb-hdr_tabline_vis { @@ -165,7 +163,7 @@ } .rf-tb-hdr_scroll_left { - background: "url(#{resource['org.richfaces:acttab_bg.gif']}) top repeat-x #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actTabBg.png']}) top repeat-x #{richSkin.additionalBackgroundColor}"; position: absolute; top: 1px; left: 1px; @@ -180,7 +178,7 @@ } .rf-tb-hdr_scroll_right { - background: "url(#{resource['org.richfaces:acttab_bg.gif']}) top repeat-x #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actTabBg.png']}) top repeat-x #{richSkin.additionalBackgroundColor}"; position: absolute; top: 1px; right: 17px; @@ -195,7 +193,7 @@ } .rf-tb-hdr_tabslist { - background: "url(#{resource['org.richfaces:acttab_bg.gif']}) top repeat-x #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actTabBg.png']}) top repeat-x #{richSkin.additionalBackgroundColor}"; position: absolute; top: 1px; right: 1px; @@ -213,7 +211,7 @@ border: "1px solid #{richSkin.panelBorderColor}"; border-top: 0px; height: 2px; - background: '#{richSkin.additionalBackgroundColor}'; + background: '#{richSkin.tabBackgroundColor}'; } .rf-tb-cnt { @@ -270,15 +268,6 @@ width: 50% } -.rftp_bottommultitab_tabline_vis { - border: "1px solid #{richSkin.panelBorderColor}"; - background: "url(#{resource['org.richfaces:tabline_bg.gif']}) top repeat-x #EEF4FB"; - border-top: 0px; - padding-bottom: 2px; - white-space: nowrap; - position: relative; -} - .rftp_bottommultitab_tabs_first { border: 0px; width: 100%; @@ -321,7 +310,7 @@ border: "1px solid #{richSkin.panelBorderColor}"; padding: 2px 0px 2px 0px; vertical-align: middle; - background: "url(#{resource['org.richfaces:tab_bg.gif']}) top right repeat-x #DAE7F5"; + background: "url(#{resource['org.richfaces.images:tabBg.png']}) top right repeat-x #DAE7F5"; margin-right: -1px } @@ -329,7 +318,7 @@ border-right: 0px; font-weight: bold; vertical-align: middle; - background: "url(#{resource['org.richfaces:actlefttab_bg.gif']}) top left repeat-y #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actLeftTabBg.png']}) top left repeat-y #{richSkin.additionalBackgroundColor}"; width: 100%; } @@ -358,7 +347,7 @@ border: "1px solid #{richSkin.panelBorderColor}"; padding: 2px 0px 2px 0px; vertical-align: middle; - background: "url(#{resource['org.richfaces:tab_bg.gif']}) top right repeat-x #DAE7F5"; + background: "url(#{resource['org.richfaces.images:tabBg.png']}) top right repeat-x #DAE7F5"; margin-left: -1px } @@ -366,7 +355,7 @@ border-left: 0px; font-weight: bold; vertical-align: middle; - background: "url(#{resource['org.richfaces:actrighttab_bg.gif']}) top right repeat-y #{richSkin.additionalBackgroundColor}"; + background: "url(#{resource['org.richfaces.images:actRightTabBg.png']}) top right repeat-y #{richSkin.additionalBackgroundColor}"; width: 100%; } @@ -391,12 +380,6 @@ vertical-align: top; } -.rftp_active_top { cursor : default; border-bottom : 1px solid #C9DBEF; font-weight : bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab_bg.gif) top repeat-x #C9DBEF;} -.rftp_active2_top { cursor : default; border-bottom : 1px solid #FFFFFF; font-weight : bold; padding : 0px 0px 0px 0px; vertical-align : top; background : url(acttab2_bg.gif) top repeat-x #FFFFFF;} - -.rftp_toptab_tabline_vis {border : 1px solid #a6a6a6; background :url(tabline_bg.gif) top repeat-x #EEF4FB; border-bottom : 0px; padding-top : 2px; overflow : hidden; white-space : nowrap; position : relative;} -.rftp_toptab_tabline_dis {border-bottom : 0px; padding-top : 2px; overflow : hidden; white-space : nowrap; position : relative;} - .rftp_toptab_tabs {border-collapse : collapse; border : 0px; height : 100%;} .rftp_toptab_spacer {border-bottom : 1px solid #A6A6A6;} .rftp_horizonttab_tabspacer_width {padding-left : 1px;} @@ -405,16 +388,5 @@ .rftp_close {margin : 4px 5px 0px 10px; vertical-align : top;} .rftp_label {display : inline-block; font-family : verdana; font-size : 11px; padding : 5px 0px 2px 0px;} -.rftp_toptab_scroll_left {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; left : 1px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;} -.rftp_toptab_scroll_right {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 17px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 11px; padding-top : 6px;} -.rftp_toptab_tabslist {background : url(acttab_bg.gif) top repeat-x #C9DBEF; position : absolute; top : 1px; right : 1px; width : 15px; height : 250px; border : 1px solid #a6a6a6; font-weight : bold; text-align : center; font-family : verdana; font-size : 14px; padding-top : 2px;} - -.rf-tb-hdr_border { - border : 1px solid #A6A6A6; - border-top : 0px; - height : 2px; - background : #C9DBEF; -} - .rftp_toptab_content {border : 1px solid #A6A6A6; border-top : 0px; font-family : verdana; font-size : 11px; padding : 10px; background : #ffffff;} .rftp_hidden {display : none} Deleted: trunk/ui/output/ui/src/main/resources/META-INF/resources/org.richfaces/tab_bg.gif =================================================================== (Binary files differ) Added: trunk/ui/output/ui/src/main/resources/META-INF/richfaces/resource-mappings.properties =================================================================== --- trunk/ui/output/ui/src/main/resources/META-INF/richfaces/resource-mappings.properties (rev 0) +++ trunk/ui/output/ui/src/main/resources/META-INF/richfaces/resource-mappings.properties 2010-09-20 08:56:19 UTC (rev 19261) @@ -0,0 +1,14 @@ +org.richfaces.images\:tabBg.png=org.richfaces.renderkit.html.BaseGradient\ + {width=5, height=26, baseColorParam=tabBackgroundColor, gradientColorParam=generalBackgroundColor} + +org.richfaces.images\:actTabBottomBg.png=org.richfaces.renderkit.html.BaseGradient\ + {width=5, height=26, baseColorParam=tabBackgroundColor, gradientColorParam=generalBackgroundColor} + +org.richfaces.images\:actTabBg.png=org.richfaces.renderkit.html.BaseGradient\ + {width=5, height=26, baseColorParam=generalBackgroundColor, gradientColorParam=tabBackgroundColor} + +org.richfaces.images\:actLeftTabBg.png=org.richfaces.renderkit.html.BaseGradient\ + {width=26, height=5, baseColorParam=tabBackgroundColor, gradientColorParam=generalBackgroundColor, horizontal=true} + +org.richfaces.images\:actRightTabBg.png=org.richfaces.renderkit.html.BaseGradient\ + {width=26, height=5, baseColorParam=generalBackgroundColor, gradientColorParam=tabBackgroundColor, horizontal=true}