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
Getting Started

Follow these simple steps to use EO.Web Floater control:

  1. Drag a Floater control from the toolbox to your Web Form. See here if you can not find the control in your toolbox;
  2. Place a blank HTML element (for example, a DIV element) in your page at where you would like the Floater control to be initially positioned and give the element an ID. For example:
    HTML
    <!-- Other page contents -->
    <p>something....</p>
    
    <!-- Anchor element for the floater. The floater would
    appear at the same place as this div -->
    <div id="div1"></div>
  3. Set the Floater control's TopAnchorID and LeftAnchorID to the ID of the anchor element, in this case "div1";
  4. Place contents you would like to float inside the Floater control;
  5. Run the page and you should see the Floater initially aligns to the anchor element. Scroll the page and you should see the Floater's position stay fixed;