You are viewing a plain text version of this content. The canonical link for it is here.
Posted to user@click.apache.org by Jay Wang <cw...@loyola.edu> on 2009/02/03 23:21:35 UTC
How to customize the look and feel of tabbed panel
I am using tabbed panel and it works great!.
But I need to change the look and feel of the tabbed panel so it fits in my
web pages (for example the color of tab titles). Help is appreciated!
--
View this message in context: http://n2.nabble.com/How-to-customize-the-look-and-feel-of-tabbed-panel-tp2265954p2265954.html
Sent from the click-user mailing list archive at Nabble.com.
Re: How to customize the look and feel of tabbed panel
Posted by "florin.g" <fl...@bytenotes.com>.
The tabbed panel is an "extra" control. Here are some examples from the API
page:
http://incubator.apache.org/click/
table.tp_tab {
border-collapse: collapse;
}
tr.tp_tab {
}
td.tp_tab_on {
background: #336699;
color: #ffffff;
border-left: 1px solid #336699;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
padding: 5px;
}
td.tp_tab_off {
background: #cccccc;
color: #000000;
border-left: 1px solid #336699;
border-top: 1px solid #336699;
border-right: 1px solid #336699;
padding: 5px;
}
table.tp_content {
border: 1px solid #336699;
}
tr.tp_content {
}
td.tp_content {
background: #efefef;
}
Jay Wang wrote:
>
> I am using tabbed panel and it works great!.
> But I need to change the look and feel of the tabbed panel so it fits in
> my web pages (for example the color of tab titles). Help is appreciated!
>
--
View this message in context: http://n2.nabble.com/How-to-customize-the-look-and-feel-of-tabbed-panel-tp2265954p2266994.html
Sent from the click-user mailing list archive at Nabble.com.
Re: How to customize the look and feel of tabbed panel
Posted by Jay Wang <cw...@loyola.edu>.
Thank you both!
It works great!
Click rocks!
sabob wrote:
>
> Hi Jay,
>
> Jay Wang wrote:
>> I am using tabbed panel and it works great!.
>> But I need to change the look and feel of the tabbed panel so it fits in
>> my
>> web pages (for example the color of tab titles). Help is appreciated!
>
>
> The TabbedPanel is styled through the TabbedPanel.css stylesheet. You
> can customize the l&f by placing your own customized TabbedPanel.css
> under the 'click' web folder:
>
> webapp/click/TabbedPanel.css
>
> When Click starts up it will detect your version of the stylesheet and
> won't override it.
>
> Hope this helps.
>
> bob
>
>
--
View this message in context: http://n2.nabble.com/How-to-customize-the-look-and-feel-of-tabbed-panel-tp2265954p2269521.html
Sent from the click-user mailing list archive at Nabble.com.
Re: How to customize the look and feel of tabbed panel
Posted by Bob Schellink <sa...@gmail.com>.
Hi Jay,
Jay Wang wrote:
> I am using tabbed panel and it works great!.
> But I need to change the look and feel of the tabbed panel so it fits in my
> web pages (for example the color of tab titles). Help is appreciated!
The TabbedPanel is styled through the TabbedPanel.css stylesheet. You
can customize the l&f by placing your own customized TabbedPanel.css
under the 'click' web folder:
webapp/click/TabbedPanel.css
When Click starts up it will detect your version of the stylesheet and
won't override it.
Hope this helps.
bob