How to set p:splitButton expand on default

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

25 Dec 2015, 15:52

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

User avatar
aragorn
Posts: 3641
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">
    <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.

Locked

Return to “Volt”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests