Easy Menu - Knowledge Base

« Back to Knowledge Base list

Fill the rest of menu line.

Q:

We have 3 buttons on our horizontal Easy Menu, but want to fill the rest of the line up with the item's background.
How can we do it?

A:

Add the the following style class to the header of your page:

<
style type="text/css">
   .ParentMenu
   {
      padding-right: 0px !important;
   }
</style>

Surround the main menu with two nested DIV elements:

<div style="width:100%; padding-left: 0px; padding-right: 1px !important;" class="ParentMenu">
<div style="width:100%;" class="ParentItem">
<oem:EasyMenu id="Easymenu5" runat="server" ShowEvent="Always" StyleFolder="styles/horizontal6"   
    Position="Horizontal" CSSMenu="ParentMenu" CSSMenuItemContainer="ParentItemContainer" Width="300"> 
  <CSSClassesCollection> 
     <oem:CSSClasses ObjectType="OboutInc.EasyMenu_Pro.MenuItem"…></oem:CSSClasses>
     <oem:CSSClasses ObjectType="OboutInc.EasyMenu_Pro.MenuSeparator"…></oem:CSSClasses>
  </CSSClassesCollection> 
  <Components> 
     <oem:MenuItem InnerHtml="Home" ID="mnuHome"></oem:MenuItem>
     <oem:MenuSeparator InnerHtml="&nbsp;" ID="MenuSeparator1"></oem:MenuSeparator> 
     <oem:MenuItem InnerHtml="Reports" ID="mnuReports" ></oem:MenuItem>
     <oem:MenuSeparator InnerHtml="&nbsp;" ID="MenuSeparator2"></oem:MenuSeparator> 
     <oem:MenuItem InnerHtml="Admin" ID="mnuAdmin"></oem:MenuItem> 
     <oem:MenuSeparator InnerHtml="&nbsp;" ID="MenuSeparator3"></oem:MenuSeparator>   
  </Components> 
</oem:EasyMenu> 
</div></div>

And you will see:



obout.com
obout.com Home
News
Easy Menu Home 
Easy Menu Home
Download
Site Map
Compare with Text Menu
Examples - 79
Appearance - 11
Live Styles
Horizontal Right To Left
Transparent - over flash
MSDN 2
With rounded corners
Keep Open New
Expand Animations New
Vertical 1
MS Vertical
Vertical Right To Left
Context Menu - 10
World Map
Default
Futura
VSNET
Windows
WindowsXP
Style 1
Style 2
Style 3
Right To Left
Tab Strip - 8
Tab Strip
Live Styles
Tab Strip - With postback New
Parent Child Tabstrip New
Tab Strip - Wizard
Tab Strip - Wizard 2
Add / Remove Tabs
Add / Remove Tabs 2
Time Picker - 1
Time Picker
Populating with data - 5
Binding to DataReader New
Binding to DataTable New
Binding to SqlDataSource New
Binding to ObjectDataSource New
Fast loading time
Multi Column Menu - 2
Multi Column Submenu New
Multi Column Submenu with Icons New
Multiple menus - 3
Multiple menus
Multiple menus 2
Horizontal menu and Tab Strip
Operations - 9
ShowEvent New
Add / Remove Items New
Hide / Show Items New
Menu item inner HTML New
Attach / Detach
Menu Events
OnClientClick
Menu item postback
Show menu New
Align/Position - 4
Align
Advanced Align
Menu Offsets
Position
Integration  - 14
TreeView - 5
Attach to TreeView
Dynamic Loading
Inside callback panel
Select the TreeView node New
TreeView inside Easy Menu
AJAX Page - 3
Inside AJAX Page panel
Inside MS AJAX panel
Add items server side
Grid - 2
Use With Grid
Inside DataGrid column
Inside WindowNew
Build from SiteMap
Over Java Applet
With Data Controls New
Other features - 12
AttachTo
Menu Icons
Menu Customize
Long vertical menus
Long menu items
Disabled menu item
Sub-menus
Dynamic Easy Menu Item
Full Easy Menu width
Hide menu with time delay
Custom sliding effect New
Custom Menu Content New
Knowledge Base - 1
Knowledge Base
Documentation - 4
Server side
Client side
Using the correct path
ChangeLog
Tutorials - 2
Using Database
Postback Persistance