Sep 03, 2009, 8:15 AM
Checkboxgroup render problem
Hi
I have checkboxgroup that can have 20 or more checkboxes. I dont want to display all 20 on the screen but allow a person to scroll through the checkboxes. So I placed the the checkboxgroup in a div with settings is overflow:auto; height: 100px; width: 200px, but it does not render correctly or scroll correctly.
Here is the code.
Richardt
I have checkboxgroup that can have 20 or more checkboxes. I dont want to display all 20 on the screen but allow a person to scroll through the checkboxes. So I placed the the checkboxgroup in a div with settings is overflow:auto; height: 100px; width: 200px, but it does not render correctly or scroll correctly.
Here is the code.
<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<ext:ScriptManager runat="server" ID="tst"></ext:ScriptManager>
<div style="overflow:auto; height: 100px; width: 200px">
<ext:CheckboxGroup Width="150" ColumnsNumber="1" ID="CheckboxGroup1" runat="server" >
<Items>
<ext:Checkbox ID="Checkbox1" BoxLabel="A1" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox2" BoxLabel="A2" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox3" BoxLabel="A3" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox4" BoxLabel="A4" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox6" BoxLabel="A5" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox5" BoxLabel="A6" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox7" BoxLabel="A7" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox8" BoxLabel="A8" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox9" BoxLabel="A9" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox10" BoxLabel="A10" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox11" BoxLabel="A11" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox12" BoxLabel="A12" runat="server">
</ext:Checkbox>
<ext:Checkbox ID="Checkbox13" BoxLabel="A13" runat="server">
</ext:Checkbox>
</Items>
</ext:CheckboxGroup>
</form>
</body>
</html>
Any help would be appreciatedRichardt