|
|
Rank: Member
Groups: Member
Joined: 3/8/2011
Posts: 19
|
Hi I used the grid with context menu available in Demo project. I wanted to increase the height of the column header as it would come in two lines. I am putting the 32 in columnheaderheight property, but there is no change.
Code: HTML/ASPX
<eo:Grid ID="Grid1" Width="100%" Height="400px" runat="server" ClientSideOnContextMenu="ShowContextMenu"
ColumnHeaderHeight="32" ItemHeight="19"
GridLines="Both" BorderColor="#828790" GridLineColor="240, 240, 240"
ColumnHeaderDividerImage="00050203" Font-Names="'Helvetica Neue', 'Lucida Grande', 'Segoe UI', Arial, Helvetica, Verdana, sans-serif" Font-Size="8.75pt" BorderWidth="1px"
IsCallbackByMe="False" FullRowMode="True" AllowNewItem="False" ScrollBars="Auto" FixedColumnCount="5" >
<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:8px;padding-top:2px;"></CellStyle>
<ItemStyle CssText="background-color: white"></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"></FixedColumnCellStyle>
</eo:GridItemStyleSet>
</ItemStyles>
<ColumnHeaderHoverStyle CssText="background-image:url('00050202');padding-left:8px;padding-top:2px;">
</ColumnHeaderHoverStyle>
<ColumnHeaderStyle CssText="background-image:url('00050201');padding-left:8px;padding-top:2px; word-wrap: break-word; vertical-align:middle;" >
</ColumnHeaderStyle>
<FooterStyle CssText="padding-bottom:4px;padding-left:4px;padding-right:4px;padding-top:2px;">
</FooterStyle>
<Columns>
<eo:StaticColumn HeaderText="Emp No" DataField="FileNo" Name="FileNo"></eo:StaticColumn>
<eo:StaticColumn HeaderText="Emp Name" DataField="EmpName" Name="EmpName"></eo:StaticColumn>
<eo:StaticColumn HeaderText="Position" DataField="Position" Name="Position"></eo:StaticColumn>
<eo:StaticColumn HeaderText="Grade" DataField="Grade" Name="Grade"></eo:StaticColumn>
<eo:StaticColumn HeaderText="Type" DataField="Type" Name="Type" Width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day01" name="Day01" width="30" HeaderText="Fri 01" ></eo:StaticColumn>
<eo:StaticColumn DataField="Day02" name="Day02" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day03" name="Day03" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day04" name="Day04" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day05" name="Day05" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day06" name="Day06" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day07" name="Day07" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day08" name="Day08" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day09" name="Day09" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day10" name="Day10" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day11" name="Day11" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day12" name="Day12" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day13" name="Day13" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day14" name="Day14" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day15" name="Day15" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day16" name="Day16" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day17" name="Day17" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day18" name="Day18" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day19" name="Day19" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day20" name="Day20" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day21" name="Day21" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day22" name="Day22" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day23" name="Day23" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day24" name="Day24" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day25" name="Day25" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day26" name="Day26" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day27" name="Day27" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day28" name="Day28" width="50"></eo:StaticColumn>
<eo:StaticColumn DataField="Day29" name="Day29" width="50" Visible="false"></eo:StaticColumn>
<eo:StaticColumn DataField="Day30" name="Day30" width="50" Visible="false"></eo:StaticColumn>
<eo:StaticColumn DataField="Day31" name="Day31" width="50" Visible="false"></eo:StaticColumn>
</Columns>
</eo:Grid>
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
You also need to modify ColumnHeaderStyle's background image. The background image won't scale up when you change when you change ColumnHeaderHeight.
Thanks
|
|
Rank: Member
Groups: Member
Joined: 3/8/2011
Posts: 19
|
How do i do that? by background-repeat-x....but still it does not come proper
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,194
|
Hi,
You change the image Url and use your own image. There is no way you can repeat a gradient image to make it a taller graident image.
Thanks
|
|