Group Text not aligned properly

[Dale]

Hello,

I I've just set <Scrolling AllowScroll=True UseStaticHeaders=true /> on my grid and now the Group text is not aligned with the expand\collapse control and the first one has it's text missing.  How can I correct this ?

I've read a few other posts but don't really understand the skins and style sheets so that may be my issue. 

Cheers,
Dale

<

 

telerik:RadGrid ID="rgLog" runat="server" AutoGenerateColumns="False" GridLines="None"

 

 

OnItemDataBound="rgLog_ItemDataBound" OnNeedDataSource="rgLog_NeedDataSource" OnPreRender="rgLog_PreRender"

 

 

Width="100%" OnDetailTableDataBind="rgLog_DetailTableDataBind" Skin="Office2007" OnLoad="rgLog_Load" OnDataBound="rgLog_DataBound" OnItemCommand="rgLog_ItemCommand" Height="800px">

 

 

<GroupHeaderItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"

 

 

Font-Strikeout="False" Font-Underline="False" VerticalAlign="Bottom" Wrap="True" />

 

 

<MasterTableView HierarchyLoadMode="ServerBind" TableLayout="Fixed">

 

 

<RowIndicatorColumn>

 

 

<HeaderStyle Width="20px" />

 

 

</RowIndicatorColumn>

 

 

<ExpandCollapseColumn Visible="True">

 

 

<HeaderStyle Width="20px" />

 

 

</ExpandCollapseColumn>

 

 

<DetailTables>

 

 

<telerik:GridTableView runat="server" Name="History">

 

 

<RowIndicatorColumn>

 

 

<HeaderStyle Width="20px" />

 

 

</RowIndicatorColumn>

 

 

<ExpandCollapseColumn>

 

 

<HeaderStyle Width="20px" />

 

 

</ExpandCollapseColumn>

 

 

</telerik:GridTableView>

 

 

</DetailTables>

 

 

</MasterTableView>

 

 

<ClientSettings>

 

 

<Resizing

 

 

AllowColumnResize="True" ></Resizing>

 

 

<Scrolling AllowScroll=True UseStaticHeaders=true />

 

 

<ClientEvents OnColumnResized="ColumnResized" />

 

 

</ClientSettings>

 

 

<FilterMenu EnableTheming="True" Skin="Office2007">

 

 

<CollapseAnimation Duration="200" Type="OutQuint" />

 

 

</FilterMenu>

 

</

 

telerik:RadGrid>

 

[Dimo]

Hello Dale,

I am afraid I don't understand what the problem is - you are not using grouping in the provided RadGrid declaration, so what do you mean by "group text" ? Please explain a little bit and preferrably, send a complete example.

Kind regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Dale]

Hello,

Sorry, the groupng was being created in code rgLog.MasterTableView.GroupByExpressions.Add("Topic Group By DisplayOrder");

I've found my issue looking through other posts.  Skin for Office2007 needed to be altered to move the text down so it didn't get truncated by the static column headers.  Placed the following in the style sheet

.GroupHeader_Office2007 td div div div
{
 background:transparent;
 padding:0;
 top:8;
}

Thanks for your quick reply

Dale

[Dimo]

Hello Dale,

Aha, I see. The only remark I should make is that the top CSS property needs a unit of measure:

top:8px;


Regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.