Hello,

2011/4/13 Ramon Gomes Brandão - SERINT <ramon.bran...@tjdft.jus.br>

> Hi Team,
>
> I would like to set different style properties for different panels (let's
> say, quick links panel in one color, recent blog posts panel in another
> color etc). The Skin style makes all of them with the same style. How can I
> achieve this editing the panel?
>

Use an XWiki StyleSheet Extension (
http://platform.xwiki.org/xwiki/bin/view/DevGuide/SkinExtensionsTutorial#HMinimalStyleSheeteXtension),
set its 'Use this extension' property as being 'Always on this wiki' and
define styles like this:

/* Title background color */
.panels .PanelName h1.xwikipaneltitle{
  background-color: _color_;
}

/* Content color */
.panels .PanelName .xwikipanelcontents{
  background-color: _color_;
}

'PanelName' is the generated class name of the current panel.
You can inspect the dom with Firebug for example and you will find all panel
class names (they are usually the name of the panel document).
This is the HTML structure of the 'QuickLinks' panel:

<div class="panel expanded QuickLinks">
  <h1 onclick="XWiki.togglePanelVisibility(this.parentNode,
'XWiki.XWikiGuest_Panels.QuickLinks');" class="xwikipaneltitle">Quick
Links</h1>
  <div class="xwikipanelcontents">
    ...
  </div>
</div>

In this case, the panel class name is 'QuickLinks'.

Raluca.


>
> I'm using XE 3.0
>
> Regards,
>
> Ramon Gomes Brandão
>
> _______________________________________________
> users mailing list
> users@xwiki.org
> http://lists.xwiki.org/mailman/listinfo/users
>
_______________________________________________
users mailing list
users@xwiki.org
http://lists.xwiki.org/mailman/listinfo/users

Reply via email to