1: <%@ Page Language="C#" Title="AtomicButtonSet -- Orientation" AutoEventWireup="true" CodeBehind="ButtonSetOrientation.aspx.cs"
2: Inherits="Atom.Website.Samples.AtomicButtonSet.ButtonSetOrientation" %>
3:
4: <%@ Register Src="../Source.ascx" TagName="Source" TagPrefix="sample" %>
5: <%@ Register Assembly="Atom.Web" Namespace="Atom.Web.UI.WebControls" TagPrefix="atom" %>
6: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
7: <html xmlns="http://www.w3.org/1999/xhtml">
8: <head id="Header1" runat="server">
9: <link rel="Shortcut Icon" type="image/ico" href="../images/icon.png" />
10: <!-- The jQuery UI theme that will be used by the components. -->
11: <link href="../themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
12: <!-- jQuery runtime minified -->
13: <script src="../Scripts/jquery-1.9.1.js" type="text/javascript"></script>
14: <!-- jQuery UI runtime minified, client-side javascript of the components.-->
15: <script src="../Scripts/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
16: <!-- This style reference is needed only for the current example. -->
17: <link href="../css/example.css" rel="stylesheet" type="text/css" />
18: </head>
19: <body>
20: <form id="form1" runat="server">
21: <fieldset>
22: <legend>Action </legend>
23: <label for="ButtonSetOrinetation">
24: ButtonSet orientation
25: </label>
26: <asp:DropDownList runat="server" ID="ButtonSetOrinetation" AutoPostBack="true" OnSelectedIndexChanged="ButtonSetOrinetation_SelectedIndexChanged">
27: <asp:ListItem Text="Horizontal" Value="Horizontal" Selected="True" />
28: <asp:ListItem Text="Vertical" Value="Vertical" />
29: </asp:DropDownList>
30: </fieldset>
31: <br />
32: <div>
33: <atom:AtomicButtonSet ID="AtomicButtonSet1" runat="server" Orientation="Horizontal">
34: <Buttons>
35: <atom:ButtonSetItem Text="ButtonSetItem 1" />
36: <atom:ButtonSetItem Text="ButtonSetItem 2" />
37: <atom:ButtonSetItem Text="ButtonSetItem 3" />
38: <atom:ButtonSetItem Text="ButtonSetItem 4" />
39: </Buttons>
40: </atom:AtomicButtonSet>
41: </div>
42: <sample:Source ID="Code" runat="server" />
43: </form>
44: </body>
45: </html>