Grouping Panel partially hidden

[Gerry]

Hi,

If you look at the screenshot attached you will notice the grouping panel is partially hidden. This prevents me from clicking on it. I can't figure this one out so your help would be appreciated. Code as follow:

<div style="width:100%; position:relative">
    <telerik:RadGrid AlternatingItemStyle-BackColor="White" ID="RadGrid1" Width="100%"
        runat="server" AllowSorting="false" GridLines="None" Skin="WebBlue" Height="400px"
        ItemStyle-BackColor="White" OnDetailTableDataBind="RadGrid1_DetailTableDataBind" GroupingEnabled="true" GroupPanel-Width="128px" GroupHeaderItemStyle-Width="128px">
        <ClientSettings>
            <Scrolling AllowScroll="True" UseStaticHeaders="True" />
        </ClientSettings>
        <PagerStyle Mode="NumericPages"></PagerStyle>
        <AlternatingItemStyle Wrap="True"></AlternatingItemStyle>
        <MasterTableView HierarchyDefaultExpanded="true" ShowHeader="true" AutoGenerateColumns="False"
            DataKeyNames="poid" HierarchyLoadMode="ServerOnDemand" NoMasterRecordsText="No records to display." GroupLoadMode="Server" ExpandCollapseColumn-ButtonType="PushButton">
            <DetailTables>
                <telerik:GridTableView Name="test" HeaderStyle-BackColor="Silver" ItemStyle-BackColor="Menu"
                    HeaderStyle-HorizontalAlign="Left" AutoGenerateColumns="false" DataKeyNames="poid"
                    AlternatingItemStyle-BackColor="Menu" runat="server" NoDetailRecordsText="No sales orders to display.">
                    <ParentTableRelation>
                        <telerik:GridRelationFields DetailKeyField="poid" MasterKeyField="poid" />
                    </ParentTableRelation>
                    <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
                    <Columns>
                        <telerik:GridBoundColumn HeaderStyle-Width="64px" ItemStyle-BorderStyle="None" DataField="sono"
                            HeaderText="#" SortExpression="sono" HeaderButtonType="TextButton"
                            UniqueName="sono">
                            <ItemStyle BorderStyle="None"></ItemStyle>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderStyle-Width="64px" ItemStyle-BorderStyle="None" DataField="soDescription"
                            HeaderText="Description" SortExpression="soDescription"
                            UniqueName="soDescription">
                            <ItemStyle BorderStyle="None"></ItemStyle>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderStyle-Width="96px" ItemStyle-BorderStyle="None" DataField="TotalNet"
                            HeaderText="Net Price" DataFormatString="{0:c}"
                            UniqueName="TotalNet" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right">
                            <ItemStyle BorderStyle="None"></ItemStyle>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn HeaderStyle-Width="128px" ItemStyle-BorderStyle="None" HeaderText="Status"
                            HeaderButtonType="TextButton" DataField="Status"
                            UniqueName="Status">
                            <ItemStyle BorderStyle="None"></ItemStyle>
                        </telerik:GridBoundColumn>
                        <telerik:GridHyperLinkColumn  HeaderStyle-Width="48px" DataNavigateUrlFields="soid" DataNavigateUrlFormatString="../SO/SOEdit.aspx?soid={0}"
                            Text="View" HeaderText="" HeaderStyle-HorizontalAlign="Center">
                            <ItemStyle HorizontalAlign="Center" />
                        </telerik:GridHyperLinkColumn>
                    </Columns>
                    <AlternatingItemStyle BackColor="White"></AlternatingItemStyle>
                    <HeaderStyle HorizontalAlign="Left" BackColor="Silver"></HeaderStyle>
                </telerik:GridTableView>
            </DetailTables>
            <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
            <ExpandCollapseColumn Visible="True">
            </ExpandCollapseColumn>
            <Columns>
                <telerik:GridBoundColumn ItemStyle-ForeColor="Navy" ItemStyle-Font-Bold="true" DataField="pono"
                    HeaderText="Purchase Orders and Sales Orders" SortExpression="pono" HeaderButtonType="TextButton"
                    UniqueName="pono">
                    <ItemStyle Font-Bold="True" ForeColor="Navy"></ItemStyle>
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>
</div>

[Pavlina]

Hi Gerry,

I followed your scenario and I was able to replicate the described problem. However, to resolve this issue you should set fixed width for the ExpandColumn as shown below:

protected void RadGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e)
   {
       if (e.Column.UniqueName == "ExpandColumn")
       {
           GridExpandColumn column = e.Column as GridExpandColumn;
           column.HeaderStyle.Width = Unit.Pixel(38);
       }
   }

Give it a try and let me know how it goes.

Best wishes,
Pavlina
the Telerik team