add menuItem directly on toolbar

[sparcipc]

Hi,

I'm trying to add menuItem directly on toolbar and configure the menuItem to look like other dropDownMenu on the same toolbar. It's unusual but required by the client.

I'm using richfaces 4.0 Final.

Thanks in advance.

        <rich:toolbar height="26px" itemSeparator="square">

                    <rich:menuItem  label="Home"

                        submitMode="client"

                    onclick="document.location.href='main.xhtml'" >

                    </rich:menuItem>

            <rich:dropDownMenu showEvent="click" mode="ajax">

                <f:facet name="label">

                    <h:panelGrid cellpadding="0" cellspacing="0" columns="2"

                        style="vertical-align:middle">

                        <h:outputText value="Resources" />

                    </h:panelGrid>

                </f:facet>

                <rich:menuItem submitMode="client"

                    onclick="document.location.href='https://community.jboss.com''">

                        <h:outputText value="JBOSS Home" />

                </rich:menuItem>

            </rich:dropDownMenu>

        </rich:toolbar>

[boy18nj]

remove the rich:dropDownMenu and directly use rich:menuItem inside rich:toolbar, see if this works for you. Well your requriement looks confusing to me.

[sparcipc]

Thanks Aman, I did exactly what you suggested in my original post and it worked. My question is how can I make menuItem label in tool bar to look like dropdown menu item label. Can I apply the dropdown menu label style/appereance  to menuItem?

I'd appreciate any suggestions.

[boy18nj]

Use the label attribute and icon to give it the same appearance, see if this works for you.

Example-

<rich:menuItem  label="Save"

                        action="#{dropDownMenuBean.doSave}" icon="/images/icons/save.gif" />

[sparcipc]

Thanks Aman. My custom css was overriding the rich skin style.