ASP.Net 2.0 CheckBox List Layout Issue?

Chaprasi

Gurus of asp.net and C# Please Help!

I have a checkbox list solution to implement. This is my code

<asp:CheckBoxLi st ID="CheckBoxLis t1" runat="server" RepeatColumns=" 3"
RepeatDirection ="Vertical" RepeatLayout="t able">
<asp:ListItem>I tem 1</asp:ListItem>
<asp:ListItem>I tem 2</asp:ListItem>
<asp:ListItem>I tem 3</asp:ListItem>
<asp:ListItem>I tem 4</asp:ListItem>
<asp:ListItem>I tem 5</asp:ListItem>
<asp:ListItem>I tem 6</asp:ListItem>
<asp:ListItem>I tem 7</asp:ListItem>
</asp:CheckBoxLis t>

When it renders, the output is

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 6
Item 2 Item 5 Item 7
Item 3

How can I achieve the following output?

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 7
Item 2 Item 5
Item 3 Item 6

Did anyone have this issue with the CheckBoxList? Help is appreciated.

Thanks
Chaprasi Bhai

Jun 30 '06 #1

Subscribe Reply

3201

clintonG

Set the RepeatLayout property to "flow" and use CSS to do what you want.
I've had to set properties on each individual span that is output but that's
what is neccessary.

<%= Clinton Gallagher
NET csgallagher AT metromilwaukee. com
URL http://www.metromilwaukee.com/clintongallagher/

"Chaprasi" <ch**********@g mail.com> wrote in message
news:11******** **************@ i40g2000cwc.goo glegroups.com.. .

Gurus of asp.net and C# Please Help!

I have a checkbox list solution to implement. This is my code

<asp:CheckBoxLi st ID="CheckBoxLis t1" runat="server" RepeatColumns=" 3"
RepeatDirection ="Vertical" RepeatLayout="t able">
<asp:ListItem>I tem 1</asp:ListItem>
<asp:ListItem>I tem 2</asp:ListItem>
<asp:ListItem>I tem 3</asp:ListItem>
<asp:ListItem>I tem 4</asp:ListItem>
<asp:ListItem>I tem 5</asp:ListItem>
<asp:ListItem>I tem 6</asp:ListItem>
<asp:ListItem>I tem 7</asp:ListItem>
</asp:CheckBoxLis t>

When it renders, the output is

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 6
Item 2 Item 5 Item 7
Item 3

How can I achieve the following output?

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 7
Item 2 Item 5
Item 3 Item 6

Did anyone have this issue with the CheckBoxList? Help is appreciated.

Thanks
Chaprasi Bhai

Jun 30 '06 #2

Chaprasi

Thanks for the reply Clinton,

Do you have a sample code you could share with the group?

Thanks,
Chaprasi

clintonG wrote:

Set the RepeatLayout property to "flow" and use CSS to do what you want.
I've had to set properties on each individual span that is output but that's
what is neccessary.

<%= Clinton Gallagher
NET csgallagher AT metromilwaukee. com
URL http://www.metromilwaukee.com/clintongallagher/

"Chaprasi" <ch**********@g mail.com> wrote in message
news:11******** **************@ i40g2000cwc.goo glegroups.com.. .
Gurus of asp.net and C# Please Help!

I have a checkbox list solution to implement. This is my code

<asp:CheckBoxLi st ID="CheckBoxLis t1" runat="server" RepeatColumns=" 3"
RepeatDirection ="Vertical" RepeatLayout="t able">
<asp:ListItem>I tem 1</asp:ListItem>
<asp:ListItem>I tem 2</asp:ListItem>
<asp:ListItem>I tem 3</asp:ListItem>
<asp:ListItem>I tem 4</asp:ListItem>
<asp:ListItem>I tem 5</asp:ListItem>
<asp:ListItem>I tem 6</asp:ListItem>
<asp:ListItem>I tem 7</asp:ListItem>
</asp:CheckBoxLis t>

When it renders, the output is

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 6
Item 2 Item 5 Item 7
Item 3

How can I achieve the following output?

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 7
Item 2 Item 5
Item 3 Item 6

Did anyone have this issue with the CheckBoxList? Help is appreciated.

Thanks
Chaprasi Bhai

Jun 30 '06 #3

clintonG

Throw this into a page and see what you can make of it...

<asp:CheckBoxLi st
ID="ChannelSkip HoursCheckBoxLi st"
RepeatLayout="F low"
RepeatColumns=" 6"
RepeatDirection ="Horizontal "
ToolTip="Skip hours the webfeed is not available."
runat="server" >

<asp:ListItem Value="0" Text="12:00 am "
/>
<asp:ListItem Value="1" Text="01:00 am "
/>
<asp:ListItem Value="2" Text="02:00 am "
/>
<asp:ListItem Value="3" Text="03:00 am "
/>
<asp:ListItem Value="4" Text="04:00 am "
/>
<asp:ListItem Value="5" Text="05:00 am "
/>
<asp:ListItem Value="6" Text="06:00 am "
/>
<asp:ListItem Value="7" Text="07:00 am "
/>
<asp:ListItem Value="8" Text="08:00 am "
/>
<asp:ListItem Value="9" Text="09:00 am "
/>
<asp:ListItem Value="10" Text="10:00 am "
/>
<asp:ListItem Value="11" Text="11:00 am "
/>
<asp:ListItem Value="12" Text="12:00 pm "
/>
<asp:ListItem Value="13" Text="01:00 pm "
/>
<asp:ListItem Value="14" Text="02:00 pm "
/>
<asp:ListItem Value="15" Text="03:00 pm "
/>
<asp:ListItem Value="16" Text="04:00 pm "
/>
<asp:ListItem Value="17" Text="05:00 pm "
/>
<asp:ListItem Value="18" Text="06:00 pm "
/>
<asp:ListItem Value="19" Text="07:00 pm "
/>
<asp:ListItem Value="20" Text="08:00 pm "
/>
<asp:ListItem Value="21" Text="09:00 pm "
/>
<asp:ListItem Value="22" Text="10:00 pm "
/>
<asp:ListItem Value="23" Text="11:00 pm "
/>
</asp:CheckBoxLis t>

// The CSS class you'll need
..RssSkip
{
padding: 0 .5em 0 0;
color: #585880;
font-name: Verdana;
font-size: 1em;
border-style: none;
}
<%= Clinton Gallagher
NET csgallagher AT metromilwaukee. com
URL http://www.metromilwaukee.com/clintongallagher/

"Chaprasi" <ch**********@g mail.com> wrote in message
news:11******** **************@ y41g2000cwy.goo glegroups.com.. .

Thanks for the reply Clinton,

Do you have a sample code you could share with the group?

Thanks,
Chaprasi

clintonG wrote:
Set the RepeatLayout property to "flow" and use CSS to do what you want.
I've had to set properties on each individual span that is output but
that's
what is neccessary.

<%= Clinton Gallagher
NET csgallagher AT metromilwaukee. com
URL http://www.metromilwaukee.com/clintongallagher/

"Chaprasi" <ch**********@g mail.com> wrote in message
news:11******** **************@ i40g2000cwc.goo glegroups.com.. .
> Gurus of asp.net and C# Please Help!
>
> I have a checkbox list solution to implement. This is my code
>
> <asp:CheckBoxLi st ID="CheckBoxLis t1" runat="server" RepeatColumns=" 3"
> RepeatDirection ="Vertical" RepeatLayout="t able">
> <asp:ListItem>I tem 1</asp:ListItem>
> <asp:ListItem>I tem 2</asp:ListItem>
> <asp:ListItem>I tem 3</asp:ListItem>
> <asp:ListItem>I tem 4</asp:ListItem>
> <asp:ListItem>I tem 5</asp:ListItem>
> <asp:ListItem>I tem 6</asp:ListItem>
> <asp:ListItem>I tem 7</asp:ListItem>
> </asp:CheckBoxLis t>
>
> When it renders, the output is
>
> 1st Column 2nd Column 3rd Column
> --------------------------------------------------------------------
> Item 1 Item 4 Item 6
> Item 2 Item 5 Item 7
> Item 3
>
> How can I achieve the following output?
>
> 1st Column 2nd Column 3rd Column
> --------------------------------------------------------------------
> Item 1 Item 4 Item 7
> Item 2 Item 5
> Item 3 Item 6
>
> Did anyone have this issue with the CheckBoxList? Help is appreciated.
>
> Thanks
> Chaprasi Bhai
>

Jul 1 '06 #4

Chaprasi

Thanks for the code clinton, but unfortuante it does not give me what I
need.

clintonG wrote:

Throw this into a page and see what you can make of it...

<asp:CheckBoxLi st
ID="ChannelSkip HoursCheckBoxLi st"
RepeatLayout="F low"
RepeatColumns=" 6"
RepeatDirection ="Horizontal "
ToolTip="Skip hours the webfeed is not available."
runat="server" >

<asp:ListItem Value="0" Text="12:00 am "
/>
<asp:ListItem Value="1" Text="01:00 am "
/>
<asp:ListItem Value="2" Text="02:00 am "
/>
<asp:ListItem Value="3" Text="03:00 am "
/>
<asp:ListItem Value="4" Text="04:00 am "
/>
<asp:ListItem Value="5" Text="05:00 am "
/>
<asp:ListItem Value="6" Text="06:00 am "
/>
<asp:ListItem Value="7" Text="07:00 am "
/>
<asp:ListItem Value="8" Text="08:00 am "
/>
<asp:ListItem Value="9" Text="09:00 am "
/>
<asp:ListItem Value="10" Text="10:00 am "
/>
<asp:ListItem Value="11" Text="11:00 am "
/>
<asp:ListItem Value="12" Text="12:00 pm "
/>
<asp:ListItem Value="13" Text="01:00 pm "
/>
<asp:ListItem Value="14" Text="02:00 pm "
/>
<asp:ListItem Value="15" Text="03:00 pm "
/>
<asp:ListItem Value="16" Text="04:00 pm "
/>
<asp:ListItem Value="17" Text="05:00 pm "
/>
<asp:ListItem Value="18" Text="06:00 pm "
/>
<asp:ListItem Value="19" Text="07:00 pm "
/>
<asp:ListItem Value="20" Text="08:00 pm "
/>
<asp:ListItem Value="21" Text="09:00 pm "
/>
<asp:ListItem Value="22" Text="10:00 pm "
/>
<asp:ListItem Value="23" Text="11:00 pm "
/>
</asp:CheckBoxLis t>

// The CSS class you'll need
.RssSkip
{
padding: 0 .5em 0 0;
color: #585880;
font-name: Verdana;
font-size: 1em;
border-style: none;
}
<%= Clinton Gallagher
NET csgallagher AT metromilwaukee. com
URL http://www.metromilwaukee.com/clintongallagher/

"Chaprasi" <ch**********@g mail.comwrote in message
news:11******** **************@ y41g2000cwy.goo glegroups.com.. .
Thanks for the reply Clinton,

Do you have a sample code you could share with the group?

Thanks,
Chaprasi

clintonG wrote:
Set the RepeatLayout property to "flow" and use CSS to do what you want.
I've had to set properties on each individual span that is output but
that's
what is neccessary.

<%= Clinton Gallagher
NET csgallagher AT metromilwaukee. com
URL http://www.metromilwaukee.com/clintongallagher/

"Chaprasi" <ch**********@g mail.comwrote in message
news:11******** **************@ i40g2000cwc.goo glegroups.com.. .
Gurus of asp.net and C# Please Help!

I have a checkbox list solution to implement. This is my code

<asp:CheckBoxLi st ID="CheckBoxLis t1" runat="server" RepeatColumns=" 3"
RepeatDirection ="Vertical" RepeatLayout="t able">
<asp:ListItem>I tem 1</asp:ListItem>
<asp:ListItem>I tem 2</asp:ListItem>
<asp:ListItem>I tem 3</asp:ListItem>
<asp:ListItem>I tem 4</asp:ListItem>
<asp:ListItem>I tem 5</asp:ListItem>
<asp:ListItem>I tem 6</asp:ListItem>
<asp:ListItem>I tem 7</asp:ListItem>
</asp:CheckBoxLis t>

When it renders, the output is

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 6
Item 2 Item 5 Item 7
Item 3

How can I achieve the following output?

1st Column 2nd Column 3rd Column
--------------------------------------------------------------------
Item 1 Item 4 Item 7
Item 2 Item 5
Item 3 Item 6

Did anyone have this issue with the CheckBoxList? Help is appreciated.

Thanks
Chaprasi Bhai

Jul 5 '06 #5

Chaprasi

Anybody has a simple solution for this problem?

Help is appreciated.
Thanks

Jul 5 '06 #6

SneezingMonkey

Hi!

"Chaprasi" wrote:

Anybody has a simple solution for this problem?

Help is appreciated.
Thanks

Jul 26 '06 #7

Similar topics

2235

CheckBox List (Web Custom Control)

by: Steven | last post by:

Hi, I'm creating a custom checkbox list control which will take 2 arraylists as input. (One will contain Names and other will contain 0s and 1s. 0 - uncheck 1- check). I'm able to create the checkbox list. The problem is I'm unable to raise an event when I select any of the checkboxes. Following is the code: Could you guys please help me on this issue.

C# / C Sharp

663

CheckBox in DataGrid

by: Machi | last post by:

Let say i select rows of records with 4 columns from Database and want to display the data in DataGrid (ASP.NEt Server Control) with one column which must be displayed in CheckBox layout. For the column (which contains checkbox), when i click the CheckBox in the Header of DataGrid, all the rows (for column which contains Checkboxes) must be checked. When i uncheck the checkbox in Header of DataGrid, all the rows of that column must be unchecked,...

ASP.NET

271

Checkbox List Control Issue

by: Bilbo | last post by:

I have a checkbox control on a ASP.NET web form with 8 items. I have the form saving the users selected items into a database field seperated by a ",". When the users want to edit their request, I want the checkbox to come up and I am using the split method to seperate the items back into an array. How to I loop through this array to have the item values that were originally chosen to show as checked on the checkbox list so the users will...

ASP.NET

16618

How to get checkbox values form a repeater (looping only finds the first)

by: Alan Silver | last post by:

Hello, I have a repeater that has code like this... <ItemTemplate> <asp:CheckBox ID="chkDelete" Text="" RunAt="server"/> .... other stuff goes here </ItemTemplate> There is a button below the repeater. When clicked, it is supposed to