On Sun, Jun 20, 2010 at 2:55 PM, Gerritjan Koekkoek <gerritjankoekk...@gmail.com> wrote: > 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? >
I suppose that this is the panel that you are talking about: http://www.cdlsworld.org/xwiki/bin/view/Panels/CdLSATDTopics . This is how you should write your CSS rules: .CdLSATDTopics #PanelATDMenu h4{ background-color: _a_color_; } ... and so on. 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 > <gerritjankoekk...@gmail.com> 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 >> users@xwiki.org >> http://lists.xwiki.org/mailman/listinfo/users >> >> _______________________________________________ >> 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 > > _______________________________________________ > 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