JUICE UI

Supercharge ASP.NET
Web Forms with jQuery UI

position

Interaction — Positions other controls relative to the specified target control.

Utility script for positioning any widget relative to the window, document, a particular element, or the cursor/mouse.

Note: Position does not support positioning hidden elements.

Examples

Default functionality

<div class="slice">
	<asp:TextBox runat="server" />
	<asp:Label runat="server">Non-Positioned Label</asp:Label>
</div>

<div class="slice">
	<asp:TextBox runat="server" ID="_TextBox" />
	<asp:Label runat="server" id="_Label">Positioned Label</asp:Label>
	<Juice:Position runat="server" TargetControlID="_Label" my="left" at="right" of="_TextBox" offset="20 0" />
</div>

<div class="slice">
	<asp:TextBox runat="server" ID="_Textbox2" />
	<asp:Label runat="server" id="_Label2">Static Label, Positioned Textbox</asp:Label>	
	<Juice:Position runat="server" TargetControlID="_TextBox2" my="top" at="bottom" of="_Label2" offset="20 0" />
</div>
Non-Positioned Label
Positioned Label
Static Label, Positioned Textbox

Properties

  • My

    Type:
    String
    Default:
    null
  • At

    Type:
    String
    Default:
    null
  • Of

    Type:
    String
    Default:
    null
  • Collision

    Type:
    String
    Default:
    null
  • Using

    Type:
    String
    Default:
    null

Events

All events are currently of the type EventHandler. The "sender" parameter is a reference to the control, and should be cast appropriately to access the widget's properties and methods.

This Control has no server-side events. For client-side (Javascript) events, please see the jQuery UI Reference page for this Control.