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

Vertical scroll ruins layout of rowheader

2 Answers 35 Views
PivotGrid
This is a migrated thread and some comments may be shown as answers.
Laurens
Top achievements
Rank 1
Laurens asked on 04 Dec 2014, 11:10 AM
LS,

After changing the value of the property 'ClientSettings-Scrolling-AllowVerticalScroll" to "true" the layout of the grid changes in an undesired way.
(Check the images).

The width of the second header column cannot hold the text anymore. The second header column seems to be rendered with the width of the first (85px) and vice versa (300px).


I'm fairly new to this control and have no idea why such a simple change has such an impact. I must be doing something else wrong but i cannot find anything strange in the code (provided below).

Anyone any idea why the grid behaves like this?


<telerik:RadPivotGrid ID="pivControles" runat="server"
                      Skin="Metro"
                      AllowSorting="true"
                      AllowPaging="false"
                      RowGroupsDefaultExpanded="false"
                      TotalsSettings-RowGrandTotalsPosition="Last"
                      TotalsSettings-RowsSubTotalsPosition="None"
                      TotalsSettings-ColumnsGrandTotalsPosition="Last"
                      TotalsSettings-ColumnsSubTotalsPosition="None"
                      TotalsSettings-GrandTotalsVisibility="RowsAndColumns"
                      OnNeedDataSource="PivControles_NeedDataSource"
                      OnItemCommand="PivControles_ItemCommand"
                      OnCellDataBound="pivControle_CellDataBound"
                      ShowFilterHeaderZone="false"
                      ShowColumnHeaderZone="false"
                      ShowRowHeaderZone="false"
                      ShowDataHeaderZone="false"
                      EnableToolTips="true"
                      ClientSettings-ClientEvents-OnToolTipShow="showToolTip"
                      ClientSettings-ClientEvents-OnCellMouseOut="CellMouseOut"
                      ClientSettings-ClientEvents-OnCellMouseOver="CellMouseOver"
                      ClientSettings-Scrolling-AllowVerticalScroll="true" >
                    <Fields>
                        <telerik:PivotGridColumnField DataField="SpecialismeOmschrijving"
                                                      CellStyle-BackColor="#F0F0F0"
                                                      Caption="Specialisme"
                                                      UniqueName="Specialisme" />
                        <telerik:PivotGridRowField DataField="ClusterIdEnCode"
                                                   ShowGroupsWhenNoData="false"
                                                   CellStyle-Width="85px"
                                                   CellStyle-BackColor="#F0F0F0"
                                                   Caption="Cluster" />
                        <telerik:PivotGridRowField DataField="ControleCodeEnOmschrijving"
                                                   CellStyle-CssClass="controleomschrijvingcell"
                                                   Caption="Controle" 
                                                   CellStyle-Width="300px"
                                                   CellStyle-BackColor="#F0F0F0" />
                        <telerik:PivotGridAggregateField DataField="AantalControleResultaten"
                                                         Caption="Aantal resultaten"
                                                         Aggregate="Sum"
                                                         CellStyle-CssClass="pivotcell">
                            <CellTemplate>
                                <asp:LinkButton ID="btnGoToWerklijst" runat="server" 
                                                onmouseover="BtnMouseOver(this)"
                                                onmouseout="BtnMouseOut(this)"
                                                ForeColor="#153291" 
                                                Text="<%# Container.DataItem %>" />
                            </CellTemplate>
                        </telerik:PivotGridAggregateField>
                    </Fields>
</telerik:RadPivotGrid>

2 Answers, 1 is accepted

Sort by
0
Laurens
Top achievements
Rank 1
answered on 05 Dec 2014, 08:31 AM
Somehow the widht values are swapped. Putting the width values 'wrong' (300 in the one that should be 85 and vice versa) solves the issue.
‚Äč
0
Galin
Telerik team
answered on 09 Dec 2014, 10:05 AM
Hello,

This issue is already fixed and the fix is part of the internal build, which you can download it from here. Also, you can waiting for the next stable version - SP1, which will be released until the end of the week.

I hope this helps.

Regards,
Galin
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
PivotGrid
Asked by
Laurens
Top achievements
Rank 1
Answers by
Laurens
Top achievements
Rank 1
Galin
Telerik team
Share this question
or