To modify the width of a TextBox (inside the GridView control) when the GridView is in Edit Mode, use any of the two approaches:
Using ControlStyle
<asp:GridView ID="gvCustom" runat="server">
<Columns>
<asp:BoundField DataField="EmpID" HeaderText="EmployeeID" >
<ControlStyle Width="150" />
</asp:BoundField>
</Columns>
</asp:GridView>
Use ControlStyle CSS Class (Recommended)
<style type="text/css">
.cssWdth
{
width: 150px;
}
</style>
and in the GridView
<asp:GridView ID="gvCustom" runat="server">
<Columns>
<asp:BoundField DataField="EmpID" HeaderText="EmployeeID"
ControlStyle-CssClass="cssWdth" />
</Columns>
</asp:GridView>
Check some additional GridView Tips and Tricks over here
Thank you so much after spending an hour trying to figure out why my styles weren't working inside the gridview/detailview this fixed it!
ReplyDeleteThanks a lot! It works fine with TemplateField as well.
ReplyDeleteThank you. Useful for me.
ReplyDeleteThank you. Very straight forward.
ReplyDeleteThank You very much!
ReplyDeleteoutstaanding decision