Asp:BoundField how to force input width

Question

Silly question...

Code:

<asp:BoundField DataField="PrevDuration" HeaderText="Prev." 
            SortExpression="PrevDuration" ItemStyle-Width="25">
        </asp:BoundField>

Html output:

<td style="width:25px;"><input name="ctl00$MainContent$GridView1$ctl03$ctl02" type="text" value="1" size="5" title="Prev."></td>

So this code specifies the td width, but how instead can I specify the input width?

PS. by the way where does that size=5 comes out from?

any succes? Or do you need a other solution? – DiederikEEn May 13 '13 at 11:33 — DiederikEEn, May 13 '13 at 11:33

DiederikEEn · Answer 1 · 2013-05-13T08:47:05.130

1

Give it a cssclass and set the width in there

 <asp:BoundField DataField="PrevDuration" 
         HeaderText="Prev." 
         SortExpression="PrevDuration" 
         ItemStyle-Width="25"
         CssClass="inputs"> //note this
      </asp:BoundField>

CSS

.inputs{
   width:...px;
}

edited May 13 '13 at 08:47

answered May 13 '13 at 08:16

DiederikEEn

753
8
17

score 1 · Accepted Answer · answered May 13 '13 at 08:19

1

Use ControlStyle-Width="25px" property.

<asp:BoundField DataField="PrevDuration" HeaderText="Prev." SortExpression="PrevDuration" ControlStyle-Width="25px">
</asp:BoundField>

answered May 13 '13 at 08:19

Sachin

40,216
7
90
102

Asp:BoundField how to force input width

2 Answers2