[Solved] Help! Radgrid Grouping Header is too big

[Nyceane]

http://nyceane.googlepages.com/Hugeheader.jpg

As you can see the header is huge and can't be changed, I've tried several way to change its font, height through

<

GroupHeaderItemStyle Height="10px" />

and none of it works.  my code is pasted below, would you please help me to shrink the header?  my code is pasted following

                    <telerik:RadGrid ID="AppointmentList" runat="server" Width="600px"
                    Skin="Hay" GridLines="None" AutoGenerateColumns="False" AllowPaging="True"
                    PageSize="15"
                    OnItemDataBound="Appointment_ItemDataBound" CellPadding="0" >

                    <MasterTableView Width="100%" GroupLoadMode="Client">
                    <GroupByExpressions>
                            <telerik:GridGroupByExpression>
                                <SelectFields>
                                    <telerik:GridGroupByField FieldAlias="RequestDate" FieldName="RequestDate" HeaderText="Date" FormatString="{0:d}" HeaderValueSeparator=" " />
                                </SelectFields>
                                <GroupByFields>
                                    <telerik:GridGroupByField FieldAlias="RequestDate" FieldName="RequestDate" HeaderText=" " HeaderValueSeparator=" " />
                                </GroupByFields>
                            </telerik:GridGroupByExpression>
                        </GroupByExpressions>
                    <Columns>
                        <telerik:GridTemplateColumn HeaderText="Name" Groupable="false" UniqueName="Title">
                            <ItemTemplate>
                                <div>
                                    <asp:HyperLink ID="HlinkSubject" runat="server"><%# Eval("Name") %></asp:HyperLink>
                                    <span style="font-style:italic; display:block">Symptom: <%# Eval("SymptomList") %></span>
                                </div>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn HeaderText="Reason" DataField="Reason"></telerik:GridBoundColumn>
                    </Columns>
                    <RowIndicatorColumn>
                    <HeaderStyle Width="20px"></HeaderStyle>
                    </RowIndicatorColumn>

                    <ExpandCollapseColumn>
                    <HeaderStyle Width="20px"></HeaderStyle>
                    </ExpandCollapseColumn>
                    </MasterTableView>


                </telerik:RadGrid>

[Nyceane]

I've attached a support ticket 146179

[Shinu]

Hi,

I tried setting the width in the aspx and it is working correctly.

ASPX:

<MasterTableView DataSourceID="SqlDataSource3"  CommandItemDisplay="Top" AutoGenerateColumns="False">
                <GroupHeaderItemStyle Height="10px" />

Thanks
Shinu.

[Dimo]

Hi Peter,

I used the supplied RadGrid declaration and sample project to reproduce the header height issue, but everything is OK on our side. The problem seems to be not in the RadGrid itself - I suspect that some other web application styles interfere with the control's appearance. Please investigate further or send us a live URL or a simple project, which reproduces the issue. Thank you in advance.

Here are some hints on what styles to look for:

Styles about

td  (table cell)
input   (textboxes, buttons)
p   (paragraphs)


These elements are used in the GroupHeader.

Good luck.

Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center