RadPane Scrolling="Y" property doesn't work

2 posts, 0 answers
  1. Mauro Pederzolli
    Mauro Pederzolli avatar
    4 posts
    Member since:
    Dec 2009

    Posted 15 Jun 2017 Link to this post

    Hello,
    I'm spending a lot of time trying to show the vertical scrollbar in a RadPane and reading older posts.

    Summarizing, I've site with a MasterPage and pages with an "asp:content" containing a RadSplitter, separing a "filtering" RadPane on the left and a RadPane containing a  grid on the right.

    I've a problem due to resizing page (or lower resolution monitors), because my RadPane containing filters doesn't resize and them has cut off.

    I try to attach a "simplify" code snipping, I've a bit of css and stuffs..

    <asp:Content ID="Content2" ContentPlaceHolderID="corpo" runat="server">
      <telerik:RadSplitter ID="RadSplitter1" Runat="server" Skin="Office2010Blue" Orientation="Vertical" ResizeWithBrowserWindow="true" Width="100%" Height="100%" EnableViewState="false">
        <telerik:RadPane ID="navigationPane" runat="server" Width="300" PersistScrollPosition="true" Scrolling="Y">
          <div id="CorpoLeft">

            <%--<div id="CorpoLeftTop">
              <table style="width:100%;height:100%;margin-top:4px">
                <tr>
                  <td style="text-align:center;vertical-align:middle">
                    <asp:Label ID="lblFiltri" runat="server" Text="Filtri"></asp:Label>
                  </td>
                </tr>
              </table>
            </div>--%>

            <%--<div id="CorpoLeftCenter" >
              <table style="width:100%;height:100%;margin-left:4px">
                <tr>
                  <td style="text-align:left">--%>
                    <Uc:myUcDataCal runat="server" ID="tboxDataInizio" WidthLabel="115" WidthCampo="110" Caption="Data inizio"/>
                    <Uc:myUcDataCal runat="server" ID="tboxDataFine"   WidthLabel="115" WidthCampo="110" Caption="Data fine"/>
                    <div style="height:6px"></div>

                    <Uc:myUcTboxRicerca runat="server" ID="tboxMittente"     WidthLabel="115" WidthCampo="150" Caption="Mittente"     TipoRicerca="I"/>
                    <Uc:myUcTboxRicerca runat="server" ID="tboxDestinatario" WidthLabel="115" WidthCampo="150" Caption="Destinatario" TipoRicerca="I"/>
                    <Uc:myUcTboxRicerca runat="server" ID="tboxProvenienza"  WidthLabel="115" WidthCampo="150" Caption="Provenienza"  TipoRicerca="I"/>
                    <Uc:myUcTboxRicerca runat="server" ID="tboxDestinazione" WidthLabel="115" WidthCampo="150" Caption="Destinazione" TipoRicerca="I"/>

                    <div style="height:6px"></div>
                    <Uc:myUcTboxRicerca runat="server" ID="tboxRiferimento"      WidthLabel="115" WidthCampo="150" Caption="Riferimento" TipoRicerca="I"/>
                    <Uc:myUcTbox runat="server"        ID="tboxContainer"        WidthLabel="115" WidthCampo="114"  Caption="Container"/>
                    <Uc:myUcTbox runat="server"        ID="tboxNumeroSpedizione" WidthLabel="115" WidthCampo="114"  Caption="Numero sped."/>

                    <div style="height:6px"></div>
                    <Uc:myUcTboxRicerca runat="server" ID="tboxDdtNumero" WidthLabel="115" WidthCampo="150" Caption="Ddt: numero" TipoRicerca="I"/>
                    <Uc:myUcDataCal runat="server"     ID="tboxDdtData"   WidthLabel="115" WidthCampo="140" Caption="Ddt: data"/>

                    <div style="height:6px"></div>
                    <Uc:myUcTbox runat="server" ID="tboxAwbCompagnia" WidthLabel="115" WidthCampo="114" Caption="Awb: compagnia"/>
                    <Uc:myUcTbox runat="server" ID="tboxAwbNumero"    WidthLabel="115" WidthCampo="114" Caption="Awb: numero"/>

                    <div style="height:6px"></div>
                    <Uc:myUcCombo runat="server" ID="cboFiliale"  WidthLabel="115" WidthCampo="150" Caption=""/>
                    <Uc:myUcCombo runat="server" ID="cboDeposito" WidthLabel="115" WidthCampo="150" Caption=""/>

                    <div style="height:6px"></div>
                    <Uc:myUcCombo runat="server" ID="cboTerraMareAereo"   WidthLabel="115" WidthCampo="150" Caption="Attivita"   CheckBoxes="true" EnableCheckAllItemsCheckBox="true" MostraVociSelezionate="true"></Uc:myUcCombo>

                    <div style="height:6px"></div>
                    <Uc:myUcCombo runat="server" ID="cboImportExport" WidthLabel="115" WidthCampo="150" Caption="Import/Export" CheckBoxes="true" EnableCheckAllItemsCheckBox="true" MostraVociSelezionate="true"></Uc:myUcCombo>

                    <div style="height:6px"></div>
                    <table>
                        <tr><td><Uc:myUcCheck runat="server" ID="ck1" WidthLabel="113" WidthCampo="25" Caption="ck1"/></td><td><img src="../../../Immagini/DIA.png" alt="Acquisita"/>         </td></tr>
                        <tr><td><Uc:myUcCheck runat="server" ID="ck2" WidthLabel="113" WidthCampo="25" Caption="ck1"/></td><td><img src="../../../Immagini/DIInR.png" alt="In ritiro"/>         </td></tr>

                    </table>
                 <%-- </td>
                </tr>
              </table>
            </div>

            <div id="CorpoLeftBottom">--%>
              <asp:Button ID="btnRicerca" runat="server" CssClass="Bottone" Text="Ricerca" Width="80px" Height="28px" Font-Names="Verdana" Font-Size="8pt" Font-Bold="true" OnClick="btnRicerca_Click"/>
              <asp:Button ID="btnExcel" runat="server" CssClass="Bottone" Text="Xls" Width="50px" Height="28px" Font-Names="Verdana" Font-Size="8pt" OnClick="btnExcel_Click"/>
            <%--</div>--%>
          </div>
        </telerik:RadPane>

        <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward">
        </telerik:RadSplitBar>

        <telerik:RadPane ID="contentPane" runat="server" Scrolling="None">
          <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Office2010Blue">
          </telerik:RadAjaxLoadingPanel>
          <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="RadAjaxLoadingPanel1">
            <AjaxSettings>
          
              <telerik:AjaxSetting AjaxControlID="grd">
                <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="grd" LoadingPanelID="RadAjaxLoadingPanel1">
                  </telerik:AjaxUpdatedControl>
                </UpdatedControls>
              </telerik:AjaxSetting>

              <telerik:AjaxSetting AjaxControlID="btnRicerca">
                <UpdatedControls>
                  <telerik:AjaxUpdatedControl ControlID="grd" LoadingPanelID="RadAjaxLoadingPanel1">
                  </telerik:AjaxUpdatedControl>                  
                </UpdatedControls>
              </telerik:AjaxSetting>       
            </AjaxSettings>
          </telerik:RadAjaxManager>

          <telerik:RadGrid ID="grd" runat="server" AllowPaging="True" PageSize="20" PagerStyle-AlwaysVisible="true" OnNeedDataSource="grd_NeedDataSource" Skin="Windows7" Width="100%" Height="450px" Style="border: 0;outline: none" AutoGenerateColumns="False" CellSpacing="0" GridLines="None" OnItemDataBound="grd_ItemDataBound" OnItemCommand="grd_ItemCommand">
            <ClientSettings AllowColumnsReorder="True">
              <Selecting AllowRowSelect="false" UseClientSelectColumnOnly="True" />
              <Scrolling AllowScroll="true" UseStaticHeaders="true" />
              <Resizing AllowColumnResize="false" /> 
              <ClientEvents OnGridCreated="ResizeGrid" />
            </ClientSettings>
            <MasterTableView DataKeyNames="Key" NoDetailRecordsText="" NoMasterRecordsText="" ShowHeadersWhenNoRecords="true">
            <CommandItemSettings ExportToPdfText="Export to PDF" />
            <RowIndicatorColumn FilterControlAltText="" Visible="True">
            </RowIndicatorColumn>
            <ExpandCollapseColumn FilterControlAltText="" Visible="True">
            </ExpandCollapseColumn>
            <Columns>        
              ...... (omissis)
            </Columns>
            <EditFormSettings>
              <EditColumn FilterControlAltText="">
              </EditColumn>
            </EditFormSettings>
            <PagerStyle AlwaysVisible="True" PageSizeControlType="RadComboBox" Position="Bottom"/>
            </MasterTableView>
            <PagerStyle AlwaysVisible="True" PageSizeControlType="RadComboBox"/>
            <FilterMenu EnableImageSprites="False">
            </FilterMenu>
          </telerik:RadGrid>

        </telerik:RadPane>      
      </telerik:RadSplitter>

    </asp:Content>

    I tried to remove tables and div as read in an older post, but it doesn't work.

    I used some custom UserControls, based of the Telerik controls, but it doesn't matter.

    I hope to have some hints from you.

    Thank you, kind regards

    Max

  2. Vessy
    Admin
    Vessy avatar
    1992 posts

    Posted 20 Jun 2017 Link to this post

    Hi Max,

    I tested the provided code and the vertical scrollbar of the left pane is shown properly at my end. For convenience I am attaching my test pages to this reply - are you able to reproduce the problem with it? I have replaced the custom user controls with RadTextBox and RadComboBox controls.

    Regards,
    Vessy
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top