CSS style not apply to TextBox in GridView ItemTemplate

Question

I have a TextBox in a GridView ItemTemplate. I added css style to it using CssClass="txtboxAlignRight". but when i run my page, style is not applied.

I have an another TextBox in a GridView FooterTemplate. i added this style to that TextBox also. it's working properly. but TextBox in GridView ItemTemplate is not applying this style.

How can i solve this ?

Css

.txtboxAlignRight
{    
    text-align: right;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;         

}

aspx page

<ItemTemplate>
    <asp:TextBox ID="txt_cc" Width="150" runat="server" Text='<%# Bind("COUNT") %>'
        CssClass="txtboxAlignRight"></asp:TextBox>
</ItemTemplate>

Can you provide both the css class you are using and a little snippet of the page where that is declared? that might help to see what's wrong :) — CarlosB
– CarlosB, Commented Jun 25, 2013 at 10:50
@CarlosB there are no errors with declaration or css class. because it is working properly in FooterTemplate. — Bishan
– Bishan, Commented Jun 25, 2013 at 10:55
so none of the style is applied when the page is rendered. Ok did you define any gridview event that might alter the rows somehow? like onRowDataBound? — CarlosB
– CarlosB, Commented Jun 25, 2013 at 11:01
The only thing i can remember at this point is the rendering process of the gridview eliminating your css definition (not translating to class="txtboxAlignRight"), to debug this try and check the html present on the browser (but frankly i'm a bit out of ideas). — CarlosB
– CarlosB, Commented Jun 26, 2013 at 11:09

Bishan · Accepted Answer · 2013-08-22 03:12:29Z

1

I have added below code in to my css file.

input[type="text"]
{   
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
}

This apply style to all text boxes in my page. then i added Style="text-align: right" to TextBox in my ItemTemplate.

<ItemTemplate>
    <asp:TextBox ID="txt_cc" Width="150" runat="server" Text='<%# Bind("COUNT") %>'
        Style="text-align: right"></asp:TextBox>
</ItemTemplate>

edited Aug 22, 2013 at 3:12

answered Jun 26, 2013 at 11:15

Bishan

15.9k54 gold badges175 silver badges270 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Manish Sharma · Accepted Answer · 2013-06-25 11:06:37Z

0

use this line in your templatefield.

ItemStyle-HorizontalAlign="Right"

answered Jun 25, 2013 at 11:06

Manish Sharma

2,4562 gold badges18 silver badges33 bronze badges

Collectives™ on Stack Overflow

CSS style not apply to TextBox in GridView ItemTemplate

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related