SplitButton with StyleClass

[bigzidane]

Hello All,

I'm using Ultima license. I'd like to apply styleClass for splitButton as

<p:splitButton value="XYZ" styleClass="secondary">

But it appears it doesn't not work. SplitButton still have 'default' color. Please advice.

Thanks,
Nghia

[mert.sincan]

We use secondary or other color class for only buttons. Therefore, you can override color of splitButton. If you use blue color on theme, please try;

Code: Select all

<style type="text/css">
    body .secondary .ui-button {
        background-color: #e91e63;
        color: #ffffff;
    }
    body .secondary .ui-button.ui-state-hover {
        background-color: #ad1457;
    }
    body .secondary .ui-button.ui-state-focus {
        background-color: #ee4c83;
        outline: 0 none;
    }
</style>

[bigzidane]

Thanks a lot. It is working perfectly.

But why SplitButton can't take styleClass as Button in PrimeFaces? Should we support it?

Thanks,
Nghia

[mert.sincan]

We designed these css classes for buttons. It is by design. I'll talk about this issue with our other team members and get back to you.

[raho]

Hi,

I have a similar problem! How to set the styleClass for the menuItem of a splitButton?

Using the approach show by mert does not work!

Code: Select all

<p:splitButton ....>
    <p:menuItem styleClass="secondary" ... />
</p:splitButton>

[mert.sincan]

Hi,

You need to use button classes on SplitButton tag. For the menuitems, you need to write custom styles according to your needs.

Best Regards,

[raho]

Thank you, I'll try that
Regards,
Rainer

[mert.sincan]

You're welcome!

Best Regards,