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:CheckBoxList ID="CheckBoxList1" runat="server" RepeatColumns="3"
RepeatDirection="Vertical" RepeatLayout="table">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
<asp:ListItem>Item 5</asp:ListItem>
<asp:ListItem>Item 6</asp:ListItem>
<asp:ListItem>Item 7</asp:ListItem>
</asp:CheckBoxList>

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 Post Reply

3182

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**********@gmail.com> wrote in message
news:11**********************@i40g2000cwc.googlegr oups.com...

Gurus of asp.net and C# Please Help!

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

<asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatColumns="3"
RepeatDirection="Vertical" RepeatLayout="table">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
<asp:ListItem>Item 5</asp:ListItem>
<asp:ListItem>Item 6</asp:ListItem>
<asp:ListItem>Item 7</asp:ListItem>
</asp:CheckBoxList>

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**********@gmail.com> wrote in message
news:11**********************@i40g2000cwc.googlegr oups.com...
Gurus of asp.net and C# Please Help!

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

<asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatColumns="3"
RepeatDirection="Vertical" RepeatLayout="table">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
<asp:ListItem>Item 5</asp:ListItem>
<asp:ListItem>Item 6</asp:ListItem>
<asp:ListItem>Item 7</asp:ListItem>
</asp:CheckBoxList>

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:CheckBoxList
ID="ChannelSkipHoursCheckBoxList"
RepeatLayout="Flow"
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:CheckBoxList>

// 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**********@gmail.com> wrote in message
news:11**********************@y41g2000cwy.googlegr oups.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**********@gmail.com> wrote in message
news:11**********************@i40g2000cwc.googlegr oups.com...
> Gurus of asp.net and C# Please Help!
>
> I have a checkbox list solution to implement. This is my code
>
> <asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatColumns="3"
> RepeatDirection="Vertical" RepeatLayout="table">
> <asp:ListItem>Item 1</asp:ListItem>
> <asp:ListItem>Item 2</asp:ListItem>
> <asp:ListItem>Item 3</asp:ListItem>
> <asp:ListItem>Item 4</asp:ListItem>
> <asp:ListItem>Item 5</asp:ListItem>
> <asp:ListItem>Item 6</asp:ListItem>
> <asp:ListItem>Item 7</asp:ListItem>
> </asp:CheckBoxList>
>
> 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:CheckBoxList
ID="ChannelSkipHoursCheckBoxList"
RepeatLayout="Flow"
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:CheckBoxList>

// 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**********@gmail.comwrote in message
news:11**********************@y41g2000cwy.googlegr oups.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**********@gmail.comwrote in message
news:11**********************@i40g2000cwc.googlegr oups.com...
Gurus of asp.net and C# Please Help!

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

<asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatColumns="3"
RepeatDirection="Vertical" RepeatLayout="table">
<asp:ListItem>Item 1</asp:ListItem>
<asp:ListItem>Item 2</asp:ListItem>
<asp:ListItem>Item 3</asp:ListItem>
<asp:ListItem>Item 4</asp:ListItem>
<asp:ListItem>Item 5</asp:ListItem>
<asp:ListItem>Item 6</asp:ListItem>
<asp:ListItem>Item 7</asp:ListItem>
</asp:CheckBoxList>

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

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...

C# / C Sharp

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...

ASP.NET

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...

ASP.NET

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...