Rad Splitter Problem

4 posts, 0 answers
  1. Arvind
    Arvind avatar
    40 posts
    Member since:
    Sep 2010

    Posted 04 Apr 2012 Link to this post

    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







  2. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 09 Apr 2012 Link to this post

    Hi N Aravind,

    Please note that the configuration for RadSplitter that you are using is incorrect and might cause unexpected behavior - RadSplitter does not support single pane with sliding zone nested inside it.

    Nevertheless, I tested the provided code snippet but was not able to reproduce the provided error, but the handler of the button's Click event is not present so i had to remove it in order to run the project. The error message thrown by the browser that you observe might be caused by an infinite loop caused by code executed in that handler. Could you please try to remove the handler and see if the problem still exists? If so, could you please provide more detailed information on the specific scenario? A sample fully runnable project reproducing the problem will be of great help solving this case.

    Kind regards,
    Dobromir
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Arvind
    Arvind avatar
    40 posts
    Member since:
    Sep 2010

    Posted 12 Apr 2012 Link to this post

    Here is my button click even handler:
            protected void btnTest_Click(object sender, EventArgs e)
            {
     
            }
    The error image that i have provided is coming in FireFox browser, but in Internet Explorer, it shows a pop up as "Internet Explorer has stopped working", when i close the pop up the browser will directly close with out throwing any error.

    When i click on the Button I am getting the error that is Provided.

    My requirement is to have RadSplitter to the Right side of the Page, where User can dock it to keep open and do the Operations that he wants to do.

    Can you please send me a reply for this as soon as Possible.

    Thanks 
    N Aravind.
  5. Dobromir
    Admin
    Dobromir avatar
    1633 posts

    Posted 17 Apr 2012 Link to this post

    Hi N Aravind,

    As I mentioned in my previous answer the used RadSplitter's configuration is not supported, and if I understand your scenario correctly, you are trying to use RadSplitter as a popup container, which is incorrect usage of the control.

    The error that occurs is a side effect of the incorrect configuration of the control. After the postback caused by the button, RadSplitter is trying to restore the Docked state of the sliding pane, but is unable to do so.

    If this is the case, you should reconsider the layout and the usage of RadSplitter. If not, could you please describe in more details the exact scenario?

    Regards,
    Dobromir
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top