Just override the css by creating your own CSS file and including it in
your page.
Take a look at the showcase:
http://www.planetstruts.org/struts2-showcase/ajax/tabbedpanel/example2.jsp
If you view the generated source using the Firefox plugin I mentioned
before you'll see this html:
<div style="width: 500px; height: 300px;" id="test2" class="dojoTabContainer
dojoLayoutContainer">
<div style="left: 0px; top: 0px; bottom: auto; right: auto; width: 500px;" class="dojoTabLabels-top dojoAlignTop" role="wairole:tablist" wairole="tablist" dojoattachevent="onKey"><div dojoinsertionindex="0" class="dojoTab current" dojoattachevent="onClick"><div dojoattachpoint="innerDiv"><span style="-moz-user-select: none;" role="wairole:tab"
dojoattachpoint="titleNode" tabindex="0" wairole="tab">test1</span><span dojoattachpoint="closeButtonNode" class="close closeImage" style="display: none;" dojoattachevent="onMouseOver:onCloseButtonMouseOver; onMouseOut:onCloseButtonMouseOut; onClick:onCloseButtonClick"></span></div></div><div dojoinsertionindex="1" class="dojoTab"
dojoattachevent="onClick"><div dojoattachpoint="innerDiv"><span style="-moz-user-select: none;" role="wairole:tab" dojoattachpoint="titleNode" tabindex="-1" wairole="tab">test2</span><span dojoattachpoint="closeButtonNode" class="close closeImage" style="display: none;" dojoattachevent="onMouseOver:onCloseButtonMouseOver; onMouseOut:onCloseButtonMouseOut;
onClick:onCloseButtonClick"></span></div></div></div>
<div style="left: 0px; top: 20px; bottom: auto; right: auto; width: 498px; height: 278px;" role="wairole:tabpanel"
class="dojoTabPaneWrapper dojoAlignClient" dojoattachpoint="containerNode" dojoattachevent="onKey"
wairole="tabpanel">
The class attributes are the parts of interest.
If you look at the embedded CSS you'll see these:
.dojoTab {
position : relative;
float : left;
padding-left : 9px;
border-bottom : 1px solid #6290d2;
background :
url(/struts2-showcase/struts/dojo/src/widget/templates/images/tab_left.gif)
no-repeat left top;
cursor: pointer;
white-space: nowrap;
z-index: 3;
}
.dojoTab div {
display : block;
padding : 4px 15px 4px 6px;
background :
url(/struts2-showcase/struts/dojo/src/widget/templates/images/tab_top_right.gif)
no-repeat right top;
color : #333;
font-size : 90%;
}
If you include those in your own CSS file you can override the style.
hardik_982 wrote:
I USE STRUTS 2.0.11
I want to say
i am completely zero in dojo
i could not understand docs of it can nt achieve to change tab style
hey i find that there is complete source available of struts 2.0.11 in
directory
basically tabs.css contain in xwork.jar
and it is built from
\struts-2.0.11\src\core\src\main\resources folder
can i remake jar after change in tabs.css
pls guide me
---------------------------------------------------------------------
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]
