flexible textbox widths in a datagrid

[TB]

Hi All:
I have this datagrid where space is very tight, and therefore I have to
make sure that everything fits within a fixed screen width regardless
of whether I am in list mode or in edit mode. But I have discovered
that it is not enough to simply specify the column widths by way of
'HeaderStyle-Width="25px" ItemStyle-Width="25px"'-type properties
inside in the <asp:BoundColum n> tags, because by default all the text
boxes in edit mode have the same length, greatly expanding the total
width of the datagrid each time I press the edit button.
So then I thought I could use the following style sheet entry (kindly
provided by somebody else in this forum but for another purpose):
..MyListItem td input
{
font-family: Verdana;
font-size:9px;
width:25px;
}
and the call it from datagrid: <EditItemStyl e
CssClass="MyLis titem"></EditItemStyle>

But of course the problem is then that while this entry does control
the text box width, it is common for ALL the columns, rendering it
useless, because I need each of the textboxes to have the same width as
their corresponding column widths expressed in the <asp:BoundColum n
DataField="Fiel dname" HeaderText="Fie ldname" HeaderStyle-Width="25px"
ItemStyle-Width="25px"></asp:BoundColumn > tags.

Any suggestions will be highly appreciated.

Thanks,

TB

[Phillip Williams]

Cascading style sheets can help you define a general style for the entire
datagrid (which you discovered below) but also to specify individual columns'
styles by specifying a cssClass for each DataBoundColumn by setting
properties such as HeaderStyle-cssClass and ItemStyle-CssClass.

This is an example where the textbox size, the background-color and the font
is different for each column that overrides the default cssClass settings for
the datagrid http://www.societopia.net/samples/Da..._cssClass.aspx

--
HTH,
Phillip Williams
http://www.societopia.net
http://www.webswapp.com
"TB" wrote:

Hi All:
I have this datagrid where space is very tight, and therefore I have to
make sure that everything fits within a fixed screen width regardless
of whether I am in list mode or in edit mode. But I have discovered
that it is not enough to simply specify the column widths by way of
'HeaderStyle-Width="25px" ItemStyle-Width="25px"'-type properties
inside in the <asp:BoundColum n> tags, because by default all the text
boxes in edit mode have the same length, greatly expanding the total
width of the datagrid each time I press the edit button.
So then I thought I could use the following style sheet entry (kindly
provided by somebody else in this forum but for another purpose):
..MyListItem td input
{
font-family: Verdana;
font-size:9px;
width:25px;
}
and the call it from datagrid: <EditItemStyl e
CssClass="MyLis titem"></EditItemStyle>

But of course the problem is then that while this entry does control
the text box width, it is common for ALL the columns, rendering it
useless, because I need each of the textboxes to have the same width as
their corresponding column widths expressed in the <asp:BoundColum n
DataField="Fiel dname" HeaderText="Fie ldname" HeaderStyle-Width="25px"
ItemStyle-Width="25px"></asp:BoundColumn > tags.

Any suggestions will be highly appreciated.

Thanks,

TB

[TB]

Thanks a lot for a very complete answer (with source code and all).
Very instructive.

TB