Hi,
I am using radsplitter in my application..
It should appear appear in the right side of the page, i am using the Java script to set the size of the Splitter when user closes and opens the Splitter
When I open the Spliiter, I have Rad Panel bar inside the Spliiter, in one of the Panel bars i have a button, when i click the button the Page is not responding and the browser is closing automatically.
so when ever i click the button in the splitter when the DOC is selected a pop raised with the following error
"A Script in the page may be busy , or it may have stopped responding".
I have attached Image file which contains the error message that i am getting when i click the button
Below is the code that I have Used:
<telerik:RadScriptBlock ID="rcb" runat="server">
<script type="text/javascript">
function Servicechangesize() {
var splitter = $find("<%=RadSplitter_CreateService.ClientID%>");
var width = 335;
splitter.set_width(width);
}
function ServiceChangeUndockSize() {
var splitter = $find("<%=RadSplitter_CreateService.ClientID%>");
var width = 22;
splitter.set_width(width);
}
</script>
</telerik:RadScriptBlock>
<telerik:RadSplitter ID="RadSplitter_CreateService" runat="server" Orientation="Vertical" Width="25"
VisibleDuringInit="false" Height="565" Skin="Outlook">
<telerik:RadPane ID="RadPane_CreateService" runat="server" BackColor="#DEE0C8">
<telerik:RadSlidingZone ID="RadSlidingZone_CreateService" runat="server" BorderColor="AliceBlue" BorderWidth="3px" BorderStyle="Solid"
SlideDirection="Left">
<telerik:RadSlidingPane ID="RadSlidingPane_CreateService" runat="server" Title="Widgets" EnableDock="true" EnableResize="false"
OnClientUndocked="ServiceChangeUndockSize" OnClientDocked="Servicechangesize" Width="310" BorderColor="AliceBlue"
style="border-style:solid;border-width:3px;" BorderWidth="3px" BorderStyle="Solid" >
<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Height="100%"
ExpandMode="FullExpandedItem" Skin="Outlook" Width="100%">
<Items>
<telerik:RadPanelItem Text="Email" ImageUrl="Styles/Images/note.gif" Expanded="True">
<Items>
<telerik:RadPanelItem Value="AccountInformation" runat="server">
<ItemTemplate>
<div class="text" style="background-color: #fff">
<uc1:email ID="email1" runat="server" />
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Mail" ImageUrl="Styles/Images/email.png" Expanded="True">
<Items>
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Personal Folders" />
<telerik:RadPanelItem ImageUrl="Styles/Images/del.png" Text="Deleted Items" />
<telerik:RadPanelItem ImageUrl="Styles/Images/inbox.gif" Text="Inbox" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="My Mail" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Sent Items" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Outbox" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Search Folders" />
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Calender" ImageUrl="Styles/Images/cal.gif" >
<Items>
<telerik:RadPanelItem Value="AccountInformation" runat="server">
<ItemTemplate>
<div class="text" style="background-color: #fff">
<telerik:RadCalendar ID="RadCalendar1" runat="server" Skin="Windows7" Width="240px">
</telerik:RadCalendar>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="File Upload" ImageUrl="Styles/Images/task.gif">
<Items>
<telerik:RadPanelItem Value="AccountInformation" runat="server">
<ItemTemplate>
<div class="text" style="background-color: #fff">
<asp:Button runat="server" CssClass="save_btn" id="btnTest" Text="Save" onclick="btnTest_Click"/>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>
Please help me in doing this.
Thanks & Regards
N Aravind
I am using radsplitter in my application..
It should appear appear in the right side of the page, i am using the Java script to set the size of the Splitter when user closes and opens the Splitter
When I open the Spliiter, I have Rad Panel bar inside the Spliiter, in one of the Panel bars i have a button, when i click the button the Page is not responding and the browser is closing automatically.
so when ever i click the button in the splitter when the DOC is selected a pop raised with the following error
"A Script in the page may be busy , or it may have stopped responding".
I have attached Image file which contains the error message that i am getting when i click the button
Below is the code that I have Used:
<telerik:RadScriptBlock ID="rcb" runat="server">
<script type="text/javascript">
function Servicechangesize() {
var splitter = $find("<%=RadSplitter_CreateService.ClientID%>");
var width = 335;
splitter.set_width(width);
}
function ServiceChangeUndockSize() {
var splitter = $find("<%=RadSplitter_CreateService.ClientID%>");
var width = 22;
splitter.set_width(width);
}
</script>
</telerik:RadScriptBlock>
<telerik:RadSplitter ID="RadSplitter_CreateService" runat="server" Orientation="Vertical" Width="25"
VisibleDuringInit="false" Height="565" Skin="Outlook">
<telerik:RadPane ID="RadPane_CreateService" runat="server" BackColor="#DEE0C8">
<telerik:RadSlidingZone ID="RadSlidingZone_CreateService" runat="server" BorderColor="AliceBlue" BorderWidth="3px" BorderStyle="Solid"
SlideDirection="Left">
<telerik:RadSlidingPane ID="RadSlidingPane_CreateService" runat="server" Title="Widgets" EnableDock="true" EnableResize="false"
OnClientUndocked="ServiceChangeUndockSize" OnClientDocked="Servicechangesize" Width="310" BorderColor="AliceBlue"
style="border-style:solid;border-width:3px;" BorderWidth="3px" BorderStyle="Solid" >
<telerik:RadPanelBar runat="server" ID="RadPanelBar1" Height="100%"
ExpandMode="FullExpandedItem" Skin="Outlook" Width="100%">
<Items>
<telerik:RadPanelItem Text="Email" ImageUrl="Styles/Images/note.gif" Expanded="True">
<Items>
<telerik:RadPanelItem Value="AccountInformation" runat="server">
<ItemTemplate>
<div class="text" style="background-color: #fff">
<uc1:email ID="email1" runat="server" />
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Mail" ImageUrl="Styles/Images/email.png" Expanded="True">
<Items>
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Personal Folders" />
<telerik:RadPanelItem ImageUrl="Styles/Images/del.png" Text="Deleted Items" />
<telerik:RadPanelItem ImageUrl="Styles/Images/inbox.gif" Text="Inbox" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="My Mail" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Sent Items" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Outbox" />
<telerik:RadPanelItem ImageUrl="Styles/Images/sent.gif" Text="Search Folders" />
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="Calender" ImageUrl="Styles/Images/cal.gif" >
<Items>
<telerik:RadPanelItem Value="AccountInformation" runat="server">
<ItemTemplate>
<div class="text" style="background-color: #fff">
<telerik:RadCalendar ID="RadCalendar1" runat="server" Skin="Windows7" Width="240px">
</telerik:RadCalendar>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
<telerik:RadPanelItem Text="File Upload" ImageUrl="Styles/Images/task.gif">
<Items>
<telerik:RadPanelItem Value="AccountInformation" runat="server">
<ItemTemplate>
<div class="text" style="background-color: #fff">
<asp:Button runat="server" CssClass="save_btn" id="btnTest" Text="Save" onclick="btnTest_Click"/>
</div>
</ItemTemplate>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelItem>
</Items>
</telerik:RadPanelBar>
</telerik:RadSlidingPane>
</telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>
Please help me in doing this.
Thanks & Regards
N Aravind