Hello Friends,
I am having a slight problem with RadSplitter, what I am doing is that I am having 3 rad panes. Now on Click of 1st sliding zone of 3rd Rad Pane, I want to disable the 1st sliding zone of 1st Rad Pane. Find the code below :-
<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="950" Height="500">
<telerik:RadPane ID="LeftPane" runat="server" Width="22px" Scrolling="none" BackColor="#BDCAF4">
<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22px" ClickToOpen="true">
<telerik:RadSlidingPane ID="RadSlidingPane1" Title="Dashboard Reports" runat="server"
Width="150px" BackColor="#BDCAF4" >
<telerik:RadTreeView ID="RadTreeView1" runat="server" OnClientMouseOver= "OnClientMouseOver"
EnableDragAndDrop="True" OnClientNodeDropping="OnClientNodeDropping" >
</telerik:RadTreeView>
</telerik:RadSlidingPane> //This is the first rad sliding pane
</telerik:RadSlidingZone>
</telerik:RadPane>
<telerik:RadSplitBar ID="Radsplitbar1" runat="server"></telerik:RadSplitBar>
<telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="None" BackColor="lightskyblue">
<telerik:RadSplitter ID="Radsplitter2" runat="server" Orientation="Horizontal" VisibleDuringInit="false">
<telerik:RadSplitBar ID="Radsplitbar3" runat="server"></telerik:RadSplitBar>
<telerik:RadPane ID="Radpane2" runat="server">
<div id="SummaryDiv2" style="width:925px;height:480px;"></div>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" VisibleOnPageLoad="false"
VisibleTitlebar="true" VisibleStatusbar="false"
ReloadOnShow ="true" ShowContentDuringLoad="true" RestrictionZoneID="SummaryDiv2"
Overlay="true" Animation="Fade"
MinimizeZoneID="MyMinWins" OnClientCommand="oCCWindow">
</telerik:RadWindowManager>
<telerik:RadToolTipManager Width="300px" Height="300px" RelativeTo="element"
ID="RadToolTipManager1" runat = "server" OffsetX="15" Skin="Telerik" Position="MiddleRight"
OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate" >
</telerik:RadToolTipManager>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server"></telerik:RadSplitBar>
<telerik:RadPane ID="EndPane" runat="server" Width="22px" Scrolling="None">
<telerik:RadSlidingZone ID="Radslidingzone1" runat="server" Width="22px" SlideDirection="Left" ClickToOpen="true">
<telerik:RadSlidingPane ID="Radslidingpane5" Title="Company Dashboards" runat="server"
Width="150px" BackColor="#FFC486" ForeColor="red" CssClass="LeftPaneCSS" OnClientExpanded="DisableDashboard" > //this javascript will be used to slide the first pane i.e. RadTreeView1
<telerik:RadTreeView id="CompTree" runat="server" >
</telerik:RadTreeView>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Radslidingpane6" Title="Personal Dashboards" runat="server"
Width="150px" BackColor="#FFE086" ForeColor="Chocolate" CssClass="EndPaneCSS">
<telerik:RadTreeView ID="DBDTree" runat="server" OnNodeClick="DBDTree_NodeClick" AllowNodeEditing="true"
OnClientContextMenuItemClicking="onClientContextMenuItemClicking" OnClientContextMenuShowing="onClientContextMenuShowing"
OnClientNodeClicked="ClientNodeClicked" OnNodeEdit="DBDTree_NodeEdit"
OnContextMenuItemClick="DBDTree_ContextMenuItemClick" EnableDragAndDrop="true" EnableDragAndDropBetweenNodes="true"
OnNodeDrop="DBDTree_HandleDrop">
</telerik:RadTreeView>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>
What should be the javascript :-
function DisableDashboard()
{} //I am unable to figure it out. Basically I need to disable drag and drop feature of RadtreeView1 once clicked on Company dashboard i.e RadTreeview ID = "CompTree"
Please suggest me a way!
Thanks
Arindam R
I am having a slight problem with RadSplitter, what I am doing is that I am having 3 rad panes. Now on Click of 1st sliding zone of 3rd Rad Pane, I want to disable the 1st sliding zone of 1st Rad Pane. Find the code below :-
<telerik:RadSplitter ID="RadSplitter1" runat="server" Width="950" Height="500">
<telerik:RadPane ID="LeftPane" runat="server" Width="22px" Scrolling="none" BackColor="#BDCAF4">
<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22px" ClickToOpen="true">
<telerik:RadSlidingPane ID="RadSlidingPane1" Title="Dashboard Reports" runat="server"
Width="150px" BackColor="#BDCAF4" >
<telerik:RadTreeView ID="RadTreeView1" runat="server" OnClientMouseOver= "OnClientMouseOver"
EnableDragAndDrop="True" OnClientNodeDropping="OnClientNodeDropping" >
</telerik:RadTreeView>
</telerik:RadSlidingPane> //This is the first rad sliding pane
</telerik:RadSlidingZone>
</telerik:RadPane>
<telerik:RadSplitBar ID="Radsplitbar1" runat="server"></telerik:RadSplitBar>
<telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="None" BackColor="lightskyblue">
<telerik:RadSplitter ID="Radsplitter2" runat="server" Orientation="Horizontal" VisibleDuringInit="false">
<telerik:RadSplitBar ID="Radsplitbar3" runat="server"></telerik:RadSplitBar>
<telerik:RadPane ID="Radpane2" runat="server">
<div id="SummaryDiv2" style="width:925px;height:480px;"></div>
<telerik:RadWindowManager ID="RadWindowManager1" runat="server" VisibleOnPageLoad="false"
VisibleTitlebar="true" VisibleStatusbar="false"
ReloadOnShow ="true" ShowContentDuringLoad="true" RestrictionZoneID="SummaryDiv2"
Overlay="true" Animation="Fade"
MinimizeZoneID="MyMinWins" OnClientCommand="oCCWindow">
</telerik:RadWindowManager>
<telerik:RadToolTipManager Width="300px" Height="300px" RelativeTo="element"
ID="RadToolTipManager1" runat = "server" OffsetX="15" Skin="Telerik" Position="MiddleRight"
OnAjaxUpdate="RadToolTipmanager1_AjaxUpdate" >
</telerik:RadToolTipManager>
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server"></telerik:RadSplitBar>
<telerik:RadPane ID="EndPane" runat="server" Width="22px" Scrolling="None">
<telerik:RadSlidingZone ID="Radslidingzone1" runat="server" Width="22px" SlideDirection="Left" ClickToOpen="true">
<telerik:RadSlidingPane ID="Radslidingpane5" Title="Company Dashboards" runat="server"
Width="150px" BackColor="#FFC486" ForeColor="red" CssClass="LeftPaneCSS" OnClientExpanded="DisableDashboard" > //this javascript will be used to slide the first pane i.e. RadTreeView1
<telerik:RadTreeView id="CompTree" runat="server" >
</telerik:RadTreeView>
</telerik:RadSlidingPane>
<telerik:RadSlidingPane ID="Radslidingpane6" Title="Personal Dashboards" runat="server"
Width="150px" BackColor="#FFE086" ForeColor="Chocolate" CssClass="EndPaneCSS">
<telerik:RadTreeView ID="DBDTree" runat="server" OnNodeClick="DBDTree_NodeClick" AllowNodeEditing="true"
OnClientContextMenuItemClicking="onClientContextMenuItemClicking" OnClientContextMenuShowing="onClientContextMenuShowing"
OnClientNodeClicked="ClientNodeClicked" OnNodeEdit="DBDTree_NodeEdit"
OnContextMenuItemClick="DBDTree_ContextMenuItemClick" EnableDragAndDrop="true" EnableDragAndDropBetweenNodes="true"
OnNodeDrop="DBDTree_HandleDrop">
</telerik:RadTreeView>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>
What should be the javascript :-
function DisableDashboard()
{} //I am unable to figure it out. Basically I need to disable drag and drop feature of RadtreeView1 once clicked on Company dashboard i.e RadTreeview ID = "CompTree"
Please suggest me a way!
Thanks
Arindam R