Hi,

I would like to make the header column wider (35), however when I do this, the images for the ColumnHeaderDividerImg(ColumnHeaderDividerImage="00050203") and ColumnHeaderHoverStyle do not strech. How can I reset the size of those?


Here is a sample sample of the code. I can provide you with an image. let me know where to send it.

<eo:Grid runat="server" ID="gvLog" AllowColumnReorder="false" AllowNewItem="false"
EnableKeyboardNavigation="true" GridLines="Both" GoToBoxVisible="True" ScrollBars="Vertical"
Width="600px" Height="400px" FixedColumnCount="1" ColumnHeaderDescImage="00050205" ColumnHeaderDividerImage="00050203"
GridLineColor="220, 220, 220" IsCallbackByMe="False" ItemHeight="19" ColumnHeaderAscImage="00050204"
ColumnHeaderHeight="35" Font-Size="8.75pt" Font-Names="Tahoma"
FullRowMode="False" ClientSideOnItemCommand="OnItemDelete" ClientSideOnCellSelected="cell_selected">
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:4px;">
</FooterStyle>
<ItemStyles>
<eo:GridItemStyleSet>
<ItemHoverStyle CssText="background-image: url(00050206); background-repeat: repeat-x">
</ItemHoverStyle>
<SelectedStyle CssText="background-image: url(00050207); background-repeat: repeat-x">
</SelectedStyle>
<CellStyle CssText="padding-left:3px;padding-top:2px;"></CellStyle>
<ItemStyle CssText="background-color: #F7F6F3; color:#333333; "></ItemStyle>
<FixedColumnCellStyle CssText="border-right: #d6d2c2 1px solid; padding-right: 10px; border-top: #faf9f4 1px solid; border-left: #faf9f4 1px solid; border-bottom: #d6d2c2 1px solid; background-color: #ebeadb; text-align: right; color: black;">
</FixedColumnCellStyle>
<AlternatingItemStyle CssText="background-color: white; color: #284775;" />
</eo:GridItemStyleSet>
</ItemStyles>
<GoToBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; BORDER-TOP: #7f9db9 1px solid; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 40px; BORDER-BOTTOM: #7f9db9 1px solid">
</GoToBoxStyle>
<ColumnHeaderHoverStyle CssText="background-image:url('00050202'); padding-left:8px;padding-top:3px;color:#284775;;font-weight:bold;">
</ColumnHeaderHoverStyle>
<ColumnTemplates>
<eo:TextBoxColumn>
<TextBoxStyle CssText="BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 8.75pt; PADDING-BOTTOM: 1px; MARGIN: 0px; BORDER-LEFT: #7f9db9 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #7f9db9 1px solid; FONT-FAMILY: Tahoma">
</TextBoxStyle>
</eo:TextBoxColumn>
</ColumnTemplates>
<ColumnHeaderStyle CssText="padding-left:3px;padding-top:3px;color: white; background-color: #5D7B9D; font-weight: bold;height:100px;">
</ColumnHeaderStyle>
<Columns>
<eo:RowNumberColumn Width="40">
</eo:RowNumberColumn>
<eo:StaticColumn DataField="Id" Visible="false">
</eo:StaticColumn>
<eo:StaticColumn DataField="Action" HeaderText="Action" SortOrder="ascending" AllowSort="true"
Width="115">
</eo:StaticColumn>
<eo:StaticColumn DataField="StoreId" HeaderText="Store <br/>ID" Width="60" SortOrder="Ascending"
AllowSort="True">
</eo:StaticColumn>
</Columns>
</eo:Grid>

Thanks,
Mona

I would like the use this image background-image:url('00050202'); and create it for a different size instead of creating a new one from scratch, but where could I find it?

Thanks

I have the same problem and would be very pleased if you (or someone) could help.