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:
- Drag a Floater control from the toolbox to your Web Form. See here if you can not find the control in your toolbox;
-
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>
- Set the Floater control's TopAnchorID and LeftAnchorID to the ID of the anchor element, in this case "div1";
- Place contents you would like to float inside the Floater control;
- 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;