Hi All,
Is there a way to add components to the right most corner of the bar ? I basically want to add bunch of menu at the left corner and on the right corner leaving the center empty. Also any way to increase GAP between each menu ?
Regards
Arnab
MenuBar Styling
Hi,
The code below is make your items float right of the menu.
what you mean by gap between menu's is it Gap between each menu items ?
The code below is make your items float right of the menu.
Code: Select all
.ui-menu .ui-menuitem {
float: right;
}
-
- Prime
- Posts: 18616
- Joined: 05 Jan 2009, 00:21
- Location: Cybertron
- Contact:
Do you want to add custom content to the right side like;
http://www.primefaces.org/showcase/ui/m ... ubar.xhtml
http://www.primefaces.org/showcase/ui/m ... ubar.xhtml
Thanks for your reply. I don't want to add custom components but couple of more menu items and a button at the right most corner. Is that possible ?
By gap i mean space between consecutive menu items.
Is there a way to provide inline styling to each menu that i add to the bar ?
By gap i mean space between consecutive menu items.
Is there a way to provide inline styling to each menu that i add to the bar ?
Hi Arnab. To add space between each menu item, in the component's corresponding css you can use the `host` selector and avoid the first child element (the menu title) with the following:
Regards,
matt
Code: Select all
:host .ui-menuitem li:not(:first-child) {
margin-top: 20px;
}
matt
-
- Information
-
Who is online
Users browsing this forum: No registered users and 21 guests