formatting selected item in datagrid

  • Thread starter Thread starter TB
  • Start date Start date
T

TB

Hi All:

I hope that this is the right group for posting the following (newbie)
question:

Using VS.NET 2003 I have created a datagrid, where I want to ensure
that all text both when viewed AND when edited is displayed in Verdana
9px

This code goes like this:

<asp:DataGrid id="MyDataGrid" runat="server"
autogeneratecolumns="False" AlternatingItemStyle-BackColor="#C0C0C0"
AllowPaging="True" OnPageIndexChanged="PageChange"
OnEditCommand="EditDataGrid_Edit" OnCancelCommand="EditDataGrid_Cancel"
OnUpdateCommand="EditDataGrid_Update" PageSize="10"
Font-Name="Verdana" Font-Size="9px" HeaderStyle-BackColor="#88B5DA"
Width="100%">
<EditItemStyle Font-Name="Verdana"/>
<EditItemStyle Font-Size="9px"/>
<Columns>

(etc, etc)

Whereas all the viewable data is displayed in Verdana 9px, whenever I
try to edit something the letters inside the textboxes of the selected
item is displayed as something that looks like Arial 10px.

Any suggestions will be highly appreciated.

Thanks

TB
 
The textbox would not inherit the style for the EditItem (the latter is a
tablerow and the former is an input tag within the tablerow).

Try instead specifying a cssClass in the EditItemStyle. For example:
cssClass="MyEditItem", then in the Style section add

..MyEditItem TD{font-family:verdana;font-size:9px;}
 
It worked. Thanks a lot.

A follow-up question: How can ensure that the column widths always
remain the same regardless of whether I am a view mode or in edit mode?

TB
 
You might want to follow up on questions of styling on:
comp.infosystems.www.authoring.stylesheets

However, you can define the styles of a column within the TemplateColumns
themselves, e.g.:
<asp:TemplateColumn >
<ItemStyle CssClass ="Column1ItemStyle"></ItemStyle>
<HeaderStyle cssClass="Column1HeaderStyle"></HeaderStyle>
<FooterStyle CssClass ="Column1FooterStyle"></FooterStyle>
<ItemTemplate >
<!-- place here your controls and HTML -->
</ItemTemplate>
<EditItemTemplate >
<!-- place here your controls and HTML -->
</EditItemTemplate>
<FooterTemplate >
<!-- place here your controls and HTML -->
</FooterTemplate>
</asp:TemplateColumn>
 
Back
Top