This is a migrated thread and some comments may be shown as answers.

Grouping Panel partially hidden

1 Answer 5 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gerry
Top achievements
Rank 1
Gerry asked on 28 Jun 2011, 03:10 PM
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>

1 Answer, 1 is accepted

Sort by
0
Pavlina
Telerik team
answered on 29 Jun 2011, 12:52 PM
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

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Tags
Grid
Asked by
Gerry
Top achievements
Rank 1
Answers by
Pavlina
Telerik team
Share this question
or