Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Quick start: How to create a page bound context menu

Create a slide menu

Use the following steps to create a slide menu in Visual Studio.
  1. Drag an EO.Web SlideMenu control from the toolbox and drop it on the page. If you can not find EO.Web SlideMenu control in Visual Studio's toolbox, please refer to Installation guide;
  2. Right click the SlideMenu, select SlideMenu Builder from the designer context menu to start SlideMenu Builder;
  3. In the Template tab, choose one of the built-in templates to start from. The right pane displays the rendered result of the SlideMenu. If you do not want to use a skin, you can switch to Menu tab directly;
  4. In Menu tab of SlideMenu builder, select the root node (SlideMenu). Change the SlidePaneHeight to the desired value; You can also change the SingleExpand, MenuGroup.ExpandEffect property;
  5. In the same Menu tab, click on items node. Click New item button on the toolbar a few times to create a few new items. These items will the sliding pane title;
  6. Create a few sub items for each of the top level item, these items will be items inside the sliding pane;
  7. In the same Menu tab, select the items you just created, modify their Text property;
  8. You can switch to the Preview tab to preview the result. Click OK to confirm the changes once you are satisfied.