Feb 06, 2009, 5:16 AM
[CLOSED] Image next to radio button?
Hi
I have a radio group that I want to add pictures to, so that each radio button have a custom picture next to it on the right. Please see the example code.
Best regards
Mikael
<%@ Page Language="C#" %>
<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
}
</script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<script type="text/javascript">
</script>
<title>Example</title>
</head>
<body style="padding:10px;">
<form id="form1" runat="server">
<ext:ScriptManager ID="ScriptManager1" runat="server">
</ext:ScriptManager>
<ext:Panel ID="Panel1" runat="server" Header="false" Border="false" Width="400">
<Body>
<ext:FormLayout Width="" ID="fmItemRadio" runat="server" >
<ext:Anchor Horizontal="100%">
<ext:RadioGroup ID="rbType" runat="server" HideLabel="true" >
<Items>
<ext:RadioColumn ID="RadioColumn1" runat="server" ColumnWidth="0.25">
<Items>
<ext:Radio ID="Radio1" runat="server" BoxLabel="Radio 1" /><CUSTOMPICTURE1>
<ext:Radio ID="Radio2" runat="server" BoxLabel="Radio 2" /><CUSTOMPICTURE2>
</Items>
</ext:RadioColumn>
<ext:RadioColumn ID="RadioColumn2" runat="server" ColumnWidth="0.25">
<Items>
<ext:Radio ID="Radio3" runat="server" BoxLabel="Radio 3" /><CUSTOMPICTURE3>
<ext:Radio ID="Radio4" runat="server" BoxLabel="Radio 4" /><CUSTOMPICTURE4>
</Items>
</ext:RadioColumn>
</Items>
</ext:RadioGroup>
</ext:Anchor>
</ext:FormLayout>
</body>
</ext:Panel>
</form>
</body>
</html>