How to set p:splitButton expand on default

[Eko Purwito]

Hi,

I would like to know is it possible to make p:splitButton menu on Volt expand default like p:splitButton on Spark themes ?
https://www.dropbox.com/s/fyuamed5rnf5l ... k.png?dl=0

Thanks,
Eko

[mert.sincan]

it isn't a p:splitButton component on Spark. We create Menu button from html tags on Mobile and Tablet (using CSS).

Spark Topbar;

Code: Select all

<ul id="layout-topbar-menu">
    <li>
        <a href="#" class="Animated05"><i class="fa fa-sign-out"></i> Logout</a>
    </li>
    <li class="fa fa-ellipsis-v menu-separator"></li>
    <li>
        <a href="#" class="Animated05"><i class="fa fa-gear fa-spin"></i> Settings</a>
    </li>
...

Volt Topbar;

Code: Select all

<p:splitButton value="Menu" icon="ui-icon-check fa fa-cog" styleClass="White Fs14" appendTo="@this">
    <p:menuitem value="Users" icon="fa fa-user" />
    <p:menuitem value="Reports" icon="fa fa-file-text-o" />
    <p:menuitem value="Charts" icon="fa fa-line-chart" />
...

You need to create a structure with html tags like Spark Topbar. Then, write JS and CSS with media queries.