Rank 1
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
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