How to set p:splitButton expand on default

Eko Purwito
Posts: 2
Joined: 22 Dec 2015, 17:32

25 Dec 2015, 15:52


I would like to know is it possible to make p:splitButton menu on Volt expand default like p:splitButton on Spark themes ? ... k.png?dl=0


Posts: 3765
Joined: 29 Jun 2013, 12:38

28 Dec 2015, 10:50

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">
        <a href="#" class="Animated05"><i class="fa fa-sign-out"></i> Logout</a>
    <li class="fa fa-ellipsis-v menu-separator"></li>
        <a href="#" class="Animated05"><i class="fa fa-gear fa-spin"></i> Settings</a>
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.


Return to “Volt”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests