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

RadPane Scrolling="Y" property doesn't work

1 Answer 131 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Mauro Pederzolli
Top achievements
Rank 1
Mauro Pederzolli asked on 15 Jun 2017, 04:17 PM

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

1 Answer, 1 is accepted

Sort by
0
Vessy
Telerik team
answered on 20 Jun 2017, 04:18 PM
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.
Tags
Splitter
Asked by
Mauro Pederzolli
Top achievements
Rank 1
Answers by
Vessy
Telerik team
Share this question
or