tiered menu

[ramo.karahasan]

Hi,

is there a way to get the tiered menu horizontaly?


Ramo

[michiel]

you should play with the CSS,
it is a basic menu

Code: Select all

<div>
    <ul>
        <li><a></a></li>
    </ul>
</div>

should be not to hard to manage

[ramo.karahasan]

Hi,

can you give an example how to modify the css in primefaces components? I''m not sure, where to modify the css... A hint would be useful. Probably it should be direct in the component.

Thank you,
Ramo

[wobblycogs]

If you want to modify any of the PF styles the easiest way is to provide your own stylesheet containing just the changes / overrides you want to make. The PF stylesheets are always inserted into the head before your stylesheet. For example, in the site I'm currently working on I override the border settings in the layout component by providing a stylesheet containing (amongst other things):

Code: Select all

.ui-layout .ui-layout-doc .ui-layout-unit-center div.ui-layout-bd { border-width: 0px; }
.ui-layout .ui-layout-doc .ui-layout-unit-top div.ui-layout-bd { border-width: 0px 0px 1px 0px; }
.ui-layout .ui-layout-doc .ui-layout-unit-bottom div.ui-layout-bd { border-width: 1px 0px 0px 0px; }
.ui-layout .ui-layout-doc .ui-layout-unit-left div.ui-layout-bd { padding: 2px; }
.ui-layout .ui-layout-doc .ui-layout-unit-left div.ui-layout-hd { padding: 2px; }

[ramo.karahasan]

Thank you,

simple and easy

Ramo

[cagatay.civici]

New user's guide has also more information about skinning, css selectors of most of the components are documented and there's a skinning section for themes.

[ramo.karahasan]

Hi there,


cagatay, do you mean the userguide from 23.05.2010 or is there a newer one?

I tried to get this menu with submenus horizontally, but can't get it styled. It's a kind of weird


Ramo

[cagatay.civici]

Yes, new user's guide is available now, last update 18/07/2010.

http://www.primefaces.org/documentation.html

What do you mean by horizontal, is there an example somewhere I can look?

[ramo.karahasan]

Hi,

thank you for the new Documentation, i'll have a look at it. With "horizontal menu" i mean something like this:

http://www.cssplay.co.uk/menus/dd_valid_2.html

nothing special. Just the menu you did (vertically) in a horizontal way. If i try to use the .yui-skin-sam css attributes nothing happens.

hth,
Ramo

[cagatay.civici]

I see, this horizontal one is a different menu, maybe you can use;

http://css.maxdesign.com.au/listamatic/horizontal01.htm