Gridview Checkbox Alignment Problem

  • Thread starter Thread starter JonBosker
  • Start date Start date
J

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_SelectedIndexChanged"
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
" DeleteCommand="DELETE
FROM
WHERE SOmeId=@original_SomeId"
OnDeleted="SqlDataSource1_Deleted"></asp:SqlDataSource>
 
Check AlternatingRowStyle.
Click to expand...
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.
 
Back
Top