JUICE UI

Supercharge ASP.NET
Web Forms with jQuery UI

button

Interaction — Extends Button, Input or Anchors as a themable button.

Button enhances standard form elements like button, input of type submit or reset or anchors to themable buttons with appropriate mouseover and active styles.

In addition to basic push buttons, radio buttons and checkboxes (inputs of type radio and checkbox) can be converted to buttons: Their associated label is styled to appear as the button, while the underlying input is updated on click.

When using an input of type button, submit or reset, support is limited to plain text labels with no icons.

Examples

Default functionality

<button id="_DefaultButton" runat="server">A Button Element</button>
<juice:button TargetControlID="_DefaultButton" runat="server" />

<input type="submit" value="An Input Element" id="_DefaultInput" runat="server"/>
<juice:button TargetControlID="_DefaultInput" runat="server" />

<a href="http://appendto.com" id="_Default" runat="server">An Anchor Element</a>
<juice:button TargetControlID="_Default" runat="server" />
An Anchor Element

Radio Buttons

<div id="_RadioButtons" runat="server">
	<asp:radiobutton ID="_Radio1" Text="Choice 1" runat="server"/>
	<asp:radiobutton ID="_Radio2" Text="Choice 2" Checked="true" runat="server"/>
	<asp:radiobutton ID="_Radio3" Text="Choice 3" runat="server"/>
</div>
<juice:buttonset TargetControlID="_RadioButtons" runat="server" />

Properties

  • Text

    Type:
    Boolean
    Default:
    True
  • Icons

    Type:
    String
    Default:
    {}
  • Label

    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.