Gridview Checkbox Alignment Problem

[JonBosker]

I am having a strange problem - my GridView is displaying bits (from
SQL Server) as checkboxes (which is fine) but it shows each alternating
one centrally aligned.

Heading1 Heading2
Text [X] Checkbox
Text2 [X] Checkbox
Text3 [X] Checkbox
Text4 [X] Checkbox

My GridView is very generic and I use it to show data from any table.

I think it is controlled by CSS but which item / setting? Can anyone
help??

Here is my gridview defintion (I set the Select and Delete command at
runtime):

<asp:GridView ID="GridView1" runat="server"
DataSourceID="SqlDataSource1" AllowPaging="True"
OnSelectedIndexChanged="GridView1_SelectedIndexCha nged"
CssClass="GridStyle"
AllowSorting="True" OnRowDeleting="GridView1_RowDeleting"
Width="100%">
<RowStyle CssClass="RowStyle" HorizontalAlign="Left" />
<AlternatingRowStyle CssClass="AlternatingRowStyle"
HorizontalAlign="Left" />
<PagerSettings FirstPageImageUrl="../systemimages/First.png"
FirstPageText="" LastPageImageUrl="~/systemimages/Last.png"
LastPageText="" Mode="NextPreviousFirstLast"
NextPageImageUrl="~/systemimages/Next.png"
NextPageText=""
PreviousPageImageUrl="../systemimages/Prev.png" PreviousPageText="" />
<PagerStyle CssClass="CommandRowStyle" />
</asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT * FROM [Table]" DeleteCommand="DELETE
FROM [Table] WHERE SOmeId=@original_SomeId"
OnDeleted="SqlDataSource1_Deleted"></asp:SqlDataSource>

[Eliyahu Goldin]

Check AlternatingRowStyle.

--
Eliyahu Goldin,
Software Developer & Consultant
Microsoft MVP [ASP.NET]
http://msmvps.com/blogs/egoldin
"JonBosker" <Jo********@Yahoo.comwrote in message
news:11**********************@a34g2000cwb.googlegr oups.com...

I am having a strange problem - my GridView is displaying bits (from
SQL Server) as checkboxes (which is fine) but it shows each alternating
one centrally aligned.

Heading1 Heading2
Text [X] Checkbox
Text2 [X] Checkbox
Text3 [X] Checkbox
Text4 [X] Checkbox

My GridView is very generic and I use it to show data from any table.

I think it is controlled by CSS but which item / setting? Can anyone
help??

Here is my gridview defintion (I set the Select and Delete command at
runtime):

<asp:GridView ID="GridView1" runat="server"
DataSourceID="SqlDataSource1" AllowPaging="True"
OnSelectedIndexChanged="GridView1_SelectedIndexCha nged"
CssClass="GridStyle"
AllowSorting="True" OnRowDeleting="GridView1_RowDeleting"
Width="100%">
<RowStyle CssClass="RowStyle" HorizontalAlign="Left" />
<AlternatingRowStyle CssClass="AlternatingRowStyle"
HorizontalAlign="Left" />
<PagerSettings FirstPageImageUrl="../systemimages/First.png"
FirstPageText="" LastPageImageUrl="~/systemimages/Last.png"
LastPageText="" Mode="NextPreviousFirstLast"
NextPageImageUrl="~/systemimages/Next.png"
NextPageText=""
PreviousPageImageUrl="../systemimages/Prev.png" PreviousPageText="" />
<PagerStyle CssClass="CommandRowStyle" />
</asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server"
ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
SelectCommand="SELECT * FROM [Table]" DeleteCommand="DELETE
FROM [Table] WHERE SOmeId=@original_SomeId"
OnDeleted="SqlDataSource1_Deleted"></asp:SqlDataSource>

[JonBosker]

On Jan 24, 6:31 pm, "Eliyahu Goldin"
<[e-mail]:

Check AlternatingRowStyle.

Turns out it was not AlternatingRowStyle but RowStyle instead - and
more specifically I had an input sub-type (is that the word?) as shown
below:
..RowStyle
{
color:Navy;
font-variant:normal;
text-align:left;
}

..RowStyle input
{
width:90%;
}

I think that because it is set to 90% the control (checkbox) tries to
fill 90% of the box but as it cannot stretch ends up putting it in the
middle! Pretty bizarre! Thanks.