vertical scrollbar width in chrome and safari

5 posts, 1 answers
  1. Joao
    Joao avatar
    14 posts
    Member since:
    Feb 2011

    Posted 04 Apr Link to this post

    I have a RadPivotGrid that works perfectly in IE and Firefox but on Chrome and Safari it puts a large white column instead of the vertical scroll bar, if the number of lines does not require vertical displacement( verticalScrollBar should be set to no display).

    The attached images show the difference. I've  tried using a page lenght that requires vertical scroll but the last page allways has the same problem.

    I'm using Telerik version 2015.2.826.40.

    I've tried modify the CSS with no result.

    Am i the only one with this problema? Any ideas?

    Thanks for any help.

    The definition of the RadPivotGrid:

    <telerik:RadPivotGrid ID="Gconsulta" runat="server" AllowPaging="True" Width="100%" AllowFiltering="true" enableConfigurationPanel="true"<br>            OnCellDataBound="Gconsulta_CellDataBound" AllowSorting="True" Skin="Default" ShowFilterHeaderZone="false" ShowColumnHeaderZone="true"<br>            OnPivotGridCellExporting="Gconsulta_PivotGridCellExporting" ShowRowHeaderZone="false" ShowDataHeaderZone="false"<br>            OnPivotGridBiffExporting="Gconsulta_PivotGridBiffExporting"<br>            OnNeedDataSource="Gconsulta_NeedDataSource" PageSize="20"><br>            <TotalsSettings GrandTotalsVisibility="RowsOnly" /><br>            <PagerStyle Mode="NumericPages" Font-Size="Small" Font-Italic="true"<br>                AlwaysVisible="true" Height="30px" BackColor="Transparent" /><br>            <Fields><br>                <telerik:PivotGridRowField DataField="TipoCli" Caption="TipoCliente" ZoneIndex="0" meta:resourcekey="TipoCli"><br>                    <CellStyle Width="9%" ForeColor="Red" Font-Size="X-Small" Font-Bold="true"></CellStyle><br>                </telerik:PivotGridRowField><br>                <telerik:PivotGridRowField DataField="Cliente" Caption="Cliente" ZoneIndex="1"<br>                    meta:resourcekey="Cliente"><br>                    <CellStyle Width="16%" ForeColor="Blue" Font-Size="X-Small"></CellStyle><br>                </telerik:PivotGridRowField><br>                <telerik:PivotGridColumnField DataField="Ano" SortOrder="Descending" meta:resourcekey="Ano"><br>                </telerik:PivotGridColumnField><br>                <telerik:PivotGridColumnField DataField="NomeMes" Caption="Mes" meta:resourcekey="Mes"><br>                </telerik:PivotGridColumnField><br>                <telerik:PivotGridAggregateField DataField="Vendas" Caption="Vendas" Aggregate="Sum"<br>                    DataFormatString="{0:# ##0.00 €}" GrandTotalAggregateFormatString="{0:# ##0.00 €}"<br>                    TotalFormatString="{0:# ##0.00 €}" meta:resourcekey="Vendas"><br>                    <CellStyle Width="100px" /><br>                </telerik:PivotGridAggregateField><br>                <telerik:PivotGridAggregateField DataField="Quantidade" Aggregate="Sum" GrandTotalAggregateFormatString="{0:N0}"<br>                    TotalFormatString="{0:N0}" meta:resourcekey="Quantidade" Caption="Quantidade"><br>                    <CellStyle Width="80px" /><br>                </telerik:PivotGridAggregateField><br>                <telerik:PivotGridAggregateField DataField="Bonus" Aggregate="Sum" GrandTotalAggregateFormatString="{0:N0}"<br>                    TotalFormatString="{0:N0}" meta:resourcekey="Bonus" Caption="Bonus"><br>                    <CellStyle Width="70px" /><br>                </telerik:PivotGridAggregateField><br>            </Fields><br>            <ClientSettings EnableFieldsDragDrop="true"><br>                <Resizing AllowColumnResize="true" EnableRealTimeResize="true" /><br>                <Scrolling AllowVerticalScroll="true" SaveScrollPosition="true" ScrollHeight="535px" /><br>            </ClientSettings><br>        </telerik:RadPivotGrid>

  2. Joao
    Joao avatar
    14 posts
    Member since:
    Feb 2011

    Posted 05 Apr in reply to Joao Link to this post

    I found that if setting ShowClumnHeaderZone="false" displays ok, but I need that users can filter columns.

    Also, in that case, if setting ShowRowHeaderZone="true" persists the error again.

    Any further help would be apreciated!... CSS... jquery... Telerik pros?... anyone??

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Answer
    Maria Ilieva
    Admin
    Maria Ilieva avatar
    4017 posts

    Posted 07 Apr Link to this post

    Hi Joao,

    I would suggest you to upgrade the applictaion to the latest official release and see how it goes.

    Regards,
    Maria Ilieva
    Telerik
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
  5. Joao
    Joao avatar
    14 posts
    Member since:
    Feb 2011

    Posted 07 Apr in reply to Maria Ilieva Link to this post

    Hi Maria,

    Thanks! You helped to find the solution!

    After updating other modules from Telerik and instaling the current version for a try, I found that my Ajax dlls where also updated to version 2015.2.826.45 that worked correctly.

    That´s a patch I certainly missed, but now it's working all right.

    As always you're the best! A big thank you!

  6. Joao
    Joao avatar
    14 posts
    Member since:
    Feb 2011

    Posted 07 Apr in reply to Joao Link to this post

    Well... just forgot to test the ShowColumnHeaderZone="true"... and it really works the wrong way.

    The good news is that in the actual release it works pretty well!

Back to Top
UI for ASP.NET Ajax is Ready for VS 2017