EasyUI Forum
March 28, 2024, 07:10:12 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Horizontal menu with separator  (Read 3414 times)
Alfred
Full Member
***
Posts: 134


-Licensed User-


View Profile
« on: April 29, 2018, 02:33:18 AM »

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
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: April 29, 2018, 07:45:39 PM »

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>
Logged
Alfred
Full Member
***
Posts: 134


-Licensed User-


View Profile
« Reply #2 on: April 29, 2018, 11:59:36 PM »

Thanks. This works fine and nice.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!