Hi All,
I am using Radcontrol Asp.net Ajax Q12008
I am using RadSplitter ,RadPand And RadSliding Pane .
<script type="text/javascript">
function SlidingPaneDocked(sender)
{
//code is here
}
function SlidingPaneUnDocked(sender)
{
//code is here.
}
</script>
In One RadSplitter like below
<telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Default2006" Width="100%" BackColor="WhiteSmoke">
<telerik:RadPane ID="rPaneSearchCriteria" runat="server" BorderStyle="None" BorderWidth="0px" Width="950px">
<telerik:RadSlidingZone ID="slideZone" runat="server" Width="25px" BackColor="whitesmoke" BorderWidth="0">
<telerik:RadSlidingPane ID="slidePane" runat="server" Title="Search Criteria" Width="950px" BorderStyle="none" BorderWidth="0" BackColor="WhiteSmoke" OnClientDocked ="SlidingPaneDocked" OnClientUndocked ="SlidingPaneUnDocked">
</telerik:RadSlidingPane >
</telerik:RadSlidingZone >
</telerik:RadPane >
</telerik:RadSplitter >
In next RadSplitter i added radgrid.
<telerik:RadSplitter ID="rSplitterrid" runat="server" BorderSize="0" BorderStyle="None" BorderWidth="0px" Skin="" Width="100%" BackColor="WhiteSmoke" BorderColor="WhiteSmoke">
<telerik:RadPane ID="rPaneGrid" runat="server" BorderStyle="None" BorderWidth="0px" Scrolling="None" Width="103%" BackColor="WhiteSmoke" BorderColor="WhiteSmoke">
<telerik:RadGrid ID="dgAdvSearch" runat="server" AllowSorting="True" Width="97%"
Font-Bold="False" Font-Italic="False" Font-Names="Arial" Font-Overline="False"
Font-Size="XX-Large" Font-Strikeout="False" Font-Underline="False" ForeColor="Black" Skin="Office2007"
AllowPaging="True" AllowCustomPaging="True" GridLines="None"
LoadingTemplateTransparency="10" AllowMultiRowSelection="True" BorderStyle="None" OnPageIndexChanged="dgAdvSearch_PageIndexChanged"
OnNeedDataSource="dgAdvSearch_NeedDataSource" Title="Searh Results" Height="620px" PageSize="20" AutoGenerateColumns="False">
<MasterTableView GridLines="Both" CommandItemDisplay="Top" DataKeyNames="StockNo" EditMode="InPlace">
<RowIndicatorColumn Visible="False">
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn Resizable="False" Visible="False">
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
<Columns>
</Columns>
<EditFormSettings>
<EditColumn UniqueName="EditCommandColumn1">
</EditColumn>
</EditFormSettings>
<PagerStyle Mode="NextPrevAndNumeric" Position="Top" />
<HeaderStyle Font-Bold="True" Font-Italic="False" Font-Names="Arial" Font-Overline="False"
Font-Size="X-Small" Font-Strikeout="False" Font-Underline="False" ForeColor="Black"
Wrap="True" />
<CommandItemTemplate>
</CommandItemTemplate>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="True" />
<Scrolling AllowScroll="True" UseStaticHeaders="True"/>
</ClientSettings>
<HeaderStyle BackColor="WhiteSmoke" Font-Bold="True" Font-Italic="False" Font-Names="times new roman"
Font-Overline="False" Font-Size="XX-Small" Font-Strikeout="False" Font-Underline="False"
ForeColor="Black" Wrap="True" />
<PagerStyle Mode="NextPrevAndNumeric" Position="Top" />
</telerik:RadGrid>
</telerik:RadPane>
</telerik:RadSplitter>
On sliding pane undock event i moving grid from lower pane to upper pane.
And on dock moving grid from upper pane to lower pane.
while click on dock of sliding pane it gives me error as follows
Invalid Argument
this._owner.GridHeaderDiv.style.width=this._owner.GridDataDiv.offsetWidth-Telerik.Web.UI.Grid.getScrollBarHeight()+"px";
on this line
I am using Radcontrol Asp.net Ajax Q12008
I am using RadSplitter ,RadPand And RadSliding Pane .
<script type="text/javascript">
function SlidingPaneDocked(sender)
{
//code is here
}
function SlidingPaneUnDocked(sender)
{
//code is here.
}
</script>
In One RadSplitter like below
<telerik:RadSplitter ID="RadSplitter1" runat="server" Skin="Default2006" Width="100%" BackColor="WhiteSmoke">
<telerik:RadPane ID="rPaneSearchCriteria" runat="server" BorderStyle="None" BorderWidth="0px" Width="950px">
<telerik:RadSlidingZone ID="slideZone" runat="server" Width="25px" BackColor="whitesmoke" BorderWidth="0">
<telerik:RadSlidingPane ID="slidePane" runat="server" Title="Search Criteria" Width="950px" BorderStyle="none" BorderWidth="0" BackColor="WhiteSmoke" OnClientDocked ="SlidingPaneDocked" OnClientUndocked ="SlidingPaneUnDocked">
</telerik:RadSlidingPane >
</telerik:RadSlidingZone >
</telerik:RadPane >
</telerik:RadSplitter >
In next RadSplitter i added radgrid.
<telerik:RadSplitter ID="rSplitterrid" runat="server" BorderSize="0" BorderStyle="None" BorderWidth="0px" Skin="" Width="100%" BackColor="WhiteSmoke" BorderColor="WhiteSmoke">
<telerik:RadPane ID="rPaneGrid" runat="server" BorderStyle="None" BorderWidth="0px" Scrolling="None" Width="103%" BackColor="WhiteSmoke" BorderColor="WhiteSmoke">
<telerik:RadGrid ID="dgAdvSearch" runat="server" AllowSorting="True" Width="97%"
Font-Bold="False" Font-Italic="False" Font-Names="Arial" Font-Overline="False"
Font-Size="XX-Large" Font-Strikeout="False" Font-Underline="False" ForeColor="Black" Skin="Office2007"
AllowPaging="True" AllowCustomPaging="True" GridLines="None"
LoadingTemplateTransparency="10" AllowMultiRowSelection="True" BorderStyle="None" OnPageIndexChanged="dgAdvSearch_PageIndexChanged"
OnNeedDataSource="dgAdvSearch_NeedDataSource" Title="Searh Results" Height="620px" PageSize="20" AutoGenerateColumns="False">
<MasterTableView GridLines="Both" CommandItemDisplay="Top" DataKeyNames="StockNo" EditMode="InPlace">
<RowIndicatorColumn Visible="False">
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn Resizable="False" Visible="False">
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
<Columns>
</Columns>
<EditFormSettings>
<EditColumn UniqueName="EditCommandColumn1">
</EditColumn>
</EditFormSettings>
<PagerStyle Mode="NextPrevAndNumeric" Position="Top" />
<HeaderStyle Font-Bold="True" Font-Italic="False" Font-Names="Arial" Font-Overline="False"
Font-Size="X-Small" Font-Strikeout="False" Font-Underline="False" ForeColor="Black"
Wrap="True" />
<CommandItemTemplate>
</CommandItemTemplate>
</MasterTableView>
<ClientSettings>
<Selecting AllowRowSelect="True" />
<Scrolling AllowScroll="True" UseStaticHeaders="True"/>
</ClientSettings>
<HeaderStyle BackColor="WhiteSmoke" Font-Bold="True" Font-Italic="False" Font-Names="times new roman"
Font-Overline="False" Font-Size="XX-Small" Font-Strikeout="False" Font-Underline="False"
ForeColor="Black" Wrap="True" />
<PagerStyle Mode="NextPrevAndNumeric" Position="Top" />
</telerik:RadGrid>
</telerik:RadPane>
</telerik:RadSplitter>
On sliding pane undock event i moving grid from lower pane to upper pane.
And on dock moving grid from upper pane to lower pane.
while click on dock of sliding pane it gives me error as follows
Invalid Argument
this._owner.GridHeaderDiv.style.width=this._owner.GridDataDiv.offsetWidth-Telerik.Web.UI.Grid.getScrollBarHeight()+"px";
on this line