Print Page - Horizontal menu with separator

Is it possible to have Horizontal menu with default separator?

Code:

<a href="#" class="easyui-menubutton" style="width:90px;text-align: left" 
              data-options="showEvent:'click', hasDownArrow:false, menu:'#mm0', iconCls:'icon-user'">Profile</a>|
<a href="#" class="easyui-menubutton" style="width:90px;text-align: left" 
              data-options="showEvent:'click', menu:'#mm1',iconCls:'icon-add'">New</a>

In this code I have a pipe to separate the menu but this does not look nice like the

Code:

class="menu-sep"

which is used for separating the vertical menu. Is there any way to implement the

Code:

menu-sep

class for separating the Horizontal menubutton?

Thank you
Dove

Try this code.

Code:

<style>
    .button-sep{
        display: inline-block;
        height: 30px;
        border-left: 1px solid #ddd;
        vertical-align: middle;
    }
</style>
<span class="button-sep"></span>

EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Alfred on April 29, 2018, 02:33:18 AM