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:
<!-- 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;