Hi
to bring it together...
I have one "panel" document called: CdLSATDTopics
It contains two objects;
-PanelClass: called CdLSATDTopics (like document)
-StyleSheetExtension: called PopupMenu
If I check the Html page it does not yet contain a link to the stylesheet
extension
I used: $xwiki.ssx.use('PopupMenu') => should this name be extended with
space.document.object?
In the stylesheet extension I should refer to classes or ID's within the class
as described by Raluca?
Op 20 jun 2010, om 12:57 heeft Raluca Stavro het volgende geschreven:
Hello,
On Sun, Jun 20, 2010 at 12:41 PM, Gerritjan Koekkoek
<[email protected]> wrote:
> Hi,
> Thxs, but is it also possible to use the stylesheet extension object to
> add CSS specifically to the panel, since it would keep my generic CSS more
> clean
>
> I was thinking of adding a stylesheet extension object to the document that
> holds the panel object, but
> it does not seem to to connect?
> I used;
> - name PopupMenu
> - Code: (the code from eric meyer)
> - Use this extension: on demand
> - Parse content: Yes
You don't need 'Yes' value here unless you insert Velocity code inside
the Stylesheet Extension.
> - Cashing policy: long
>
> My panel object is called : CdLSATDTopics, so I assume the CSS classname =
> "CdLSATDTopics"
The class name is generated by using the Panel DOCUMENT NAME. So in
your case, if the document that stores you're Panel object is named
'PopupMenu', then this should be the class name of your panel.
Note: the full class name of a panel is formed out of 3 elements:
* 'panel'
* 'expanded' or 'collapsed'
* 'panel_document_name'
Example: 'panel expanded PopupMenu', where Panels.PopupMenu is the
full name of the panel document.
Raluca.
>
> right?
>
>
> Op 20 jun 2010, om 11:21 heeft Sergiu Dumitriu het volgende geschreven:
>
> On 06/20/2010 11:08 AM, Gerritjan Koekkoek wrote:
>> Hi,
>>
>> I would like to apply some CSS styling to a panel only.
>>
>> I have some velocity code creating a<ul> list
>> I would like to use the CSS as documented on
>> http://meyerweb.com/eric/css/edge/menus/demo.html
>>
>> but it should only apply to the panel,
>> I use the same velocity code also on a document, and there the styling
>> should not be applied
>
> Use proper CSS selectors. Each panel has a classname derived from the
> panel's name, which you can use to target just the panel. For example,
> My Recent Modifications has the classname MyRecentModifications. Use
> Firebug, or view page source, to see what classname your panel gets.
> Then, use this classname as a prefix in your selectors.
>
> Another option is to just use .panels as a prefix, which matches only
> the panels columns,
>
> --
> Sergiu Dumitriu
> http://purl.org/net/sergiu/
> _______________________________________________
> users mailing list
> [email protected]
> http://lists.xwiki.org/mailman/listinfo/users
>
> _______________________________________________
> users mailing list
> [email protected]
> http://lists.xwiki.org/mailman/listinfo/users
>
_______________________________________________
users mailing list
[email protected]
http://lists.xwiki.org/mailman/listinfo/users
_______________________________________________
users mailing list
[email protected]
http://lists.xwiki.org/mailman/listinfo/users
