I am using the RadSplitter control with a RadSlidingZone containing 2 RadSlidingPanes. I don't want the standard pane header in the SlidingPane to display (so it's hidden using css) but still want to have the ability to dock/undock each of the sliding panes. The dock/undock functionality is triggered by clicking buttons that call methods in the client API of the slidingzone/slidingpane... this works well, but as soon as I dock one of the panes, the sliding panes don't come out if I hover over the tab in the sliding zone. Is there something else I need to do in order to show the sliding pane when the user hover overs a sliding zone tab?
In the code below, the buttons will dock/undock Panes 1 and 2. After clicking on the buttons, the other pane no longer slides out from the vertical tabs in the sliding zone.
| <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestPage_Splitter.aspx.cs" Inherits="TestPage_Splitter" %> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> |
| <html> |
| <head id="Head1" runat="server"> |
| <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> |
| <style> |
| /* hide the default radslidingpane header */ |
| .RadSplitter .rspSlideHeader TABLE |
| { |
| display: none; |
| } |
| </style> |
| <script type="text/javascript" language="javascript"> |
| function TogglePane(paneID) { |
| var slidingZone = $find("<%=RadSlidingZone1.ClientID%>"); |
| var slidingPane = slidingZone.getPaneById(paneID); |
| var isDocked = slidingPane.get_docked(); |
| var result; |
| if (isDocked) { |
| result = slidingZone.undockPane(paneID); |
| } else { |
| result = slidingZone.dockPane(paneID); |
| } |
| } |
| </script> |
| </telerik:RadCodeBlock> |
| </head> |
| <body> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager runat="server" ID="ScriptManager" /> |
| <telerik:RadSplitter runat="server" id="RadSplitter1" height="100%" width="100%"> |
| <telerik:RadPane ID="RadPaneOuter1" runat="server"> |
| <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="22px" DockedPaneId="RadSlidingPane1"> |
| <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Width="275px" Title="Pane 1"> |
| Pane 1 |
| <button onclick="TogglePane('<%=RadSlidingPane1.ClientID%>');">Toggle Pane</button> |
| </telerik:RadSlidingPane> |
| <telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Width="275px" Title="Pane 2"> |
| Pane 2 |
| <button onclick="TogglePane('<%=RadSlidingPane2.ClientID%>');">Toggle Pane</button> |
| </telerik:RadSlidingPane> |
| </telerik:RadSlidingZone> |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both" /> |
| <telerik:RadPane runat="server" id="RadPaneOuter2"> |
| <telerik:RadSplitter ID="RadSplitter3" runat="server" Orientation="Vertical"> |
| <telerik:RadPane ID="RadPane3" runat="server"> |
| Pane 3 |
| </telerik:RadPane> |
| <telerik:RadSplitBar ID="RadSplitBar3" runat="server" CollapseMode="Both" /> |
| <telerik:RadPane ID="RadPane4" runat="server"> |
| Pane 4 |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </telerik:RadPane> |
| </telerik:RadSplitter> |
| </form> |
| </body> |
| </html> |
| Telerik.Web.UI.Editor.CommandList["HaxLink"] = function (commandName, editor, args) { |
| //alert("HAXULATE"); |
| editor.fire("LinkManager", { href: "WTFYO" }); |
| }; |
My Unique customer ID is: WT370784
When I create/update a new appointment i want to be able to start my edition
on more... menu, not in the small windown that the control first show?
NOTE:
When double-click cell appointments
This small window is used to enter the subject and by default have:
(Save / cancel / more) options
I want to be able to go directy to more window.
Best Regards.
| <telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" AllowSorting="True" |
| AutoGenerateColumns="False" DataSourceID="CliAgeSqlDataSource" EnableLinqExpressions="False" |
| PageSize="20" ShowGroupPanel="True" GridLines="None" Height="462px" AllowFilteringByColumn="True" |
| Skin="Outlook" ondetailtabledatabind="RadGrid1_DetailTableDataBind" |
| onitemdatabound="RadGrid1_ItemDataBound" |
| onitemcommand="RadGrid1_ItemCommand"> |
| <grouppanel text="Trascina l'intestazione di una colonna e rilasciala qui per effettuare il raggruppamento delle righe."> |
| </grouppanel> |
| <pagerstyle pagertextformat="Cambia Pagina: {4} &nbsp;Page <strong>{0}</strong> of <strong>{1}</strong>, items <strong>{2}</strong> to <strong>{3}</strong> of <strong>{5}</strong>."/> |
| <mastertableview datakeynames="GruAziId,CliForCod,CliForTip" datasourceid="CliAgeSqlDataSource" |
| allowcustomsorting="false" showgroupfooter="True" |
| clientdatakeynames="CliForCod" GroupLoadMode="Client" TableLayout="Fixed"> |
| ...... |
| <SortExpressions> |
| <telerik:GridSortExpression FieldName="CliForRagSoc" /> |
| </SortExpressions> |
| <PagerStyle FirstPageToolTip="Prima pagina" LastPageToolTip="Ultima pagina" NextPagesToolTip="Pagine successive" |
| NextPageToolTip="Pagina successiva" |
| PagerTextFormat="Cambia pagina: {4} &nbsp;Pagina <strong>{0}</strong> di <strong>{1}</strong>, righe dal <strong>{2}</strong> a <strong>{3}</strong> di <strong>{5}</strong>." |
| PrevPagesToolTip="Pagine precedenti" PrevPageToolTip="Pagina precedente" /> |
| </mastertableview> |
| <groupingsettings collapsetooltip="Nascondi gli ordini." |
| expandtooltip="Visualizza i primi 15 ordini del cliente" |
| GroupContinuedFormatString="... il gruppo continua dalla pagina precedente. " |
| GroupContinuesFormatString="Il gruppo continua nella pagina precedente" |
| GroupSplitDisplayFormat="Record visualizzati {0} di {1} " |
| ShowUnGroupButton="True" |
| UnGroupButtonTooltip="Clicca qui per cancellare il raggruppamento" |
| UnGroupTooltip="Trascina fuori dalla barra per cancellare il raggruppamento." /> |
| <clientsettings allowcolumnsreorder="True" reordercolumnsonclient="True" allowdragtogroup="True"> |
| <Selecting AllowRowSelect="True" /> |
| <ClientEvents OnRowClick="RowClick" /> |
| <Scrolling ScrollHeight="300px" AllowScroll="True" UseStaticHeaders="True" EnableVirtualScrollPaging="false" /> |
| <Resizing AllowColumnResize="True" /> |
| </clientsettings> |
| <sortingsettings sortedasctooltip="Ordinamento Ascendente." sortedbackcolor="LemonChiffon" |
| sorteddesctooltip="Ordinamento Discendente." sorttooltip="Clicca qui per ordinare la griglia." /> |
| <hierarchysettings collapsetooltip="Clicca per chiudere" expandtooltip="Clicca per espandere" /> |
| <StatusBarSettings LoadingText="Caricamento..." ReadyText="Pronto" /> |
| </telerik:RadGrid> |