popup Not working in Raddock While using update panel

4 posts, 0 answers
  1. Navin
    Navin avatar
    10 posts
    Member since:
    Jun 2008

    Posted 05 Jul 2008 Link to this post


    hi,

              I am using a Docking controls, with div popup in it,the problem is that popup is not working while i am using updatepanel .when i remove the update panel ,popup works fine, but the page looks bad without the updatepanel.

    is it possible to have popup's while utilizing updatepanel.

    plz help me out.

    regards
    Navin
  2. Sophy
    Admin
    Sophy avatar
    636 posts

    Posted 07 Jul 2008 Link to this post

    Hi Navin,

    I am afraid I could not completely understand your scenario. Please, provide a detailed explanation of what you want to achieve and a sample project which demonstrates the issue so that I can get a better idea of your scenario and do my best to help you modify the project in order to meet your requirements.

    Kind regards,
    Sophy
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Navin
    Navin avatar
    10 posts
    Member since:
    Jun 2008

    Posted 08 Jul 2008 Link to this post

    Hi Sophy,


                       I am Trying to save the state (Position) of raddock in the database.
    so each time a post back happens ,the details of the raddocks are saved in the database,so i use a updatepanel to make the postback apper smooth.

                                                       The problem occurs when i use a control to show a popup. the control is placed inside the raddock.


                                                     when the event for popup is called postback happens ,but popup not happening.

    here is the code,

    Thank you for helping me out.

    Regards
    Navin

    <

    asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

    <style type="text/css">

    .CustomCssClass{background-color: #F4C9C9 !important;}

    .raddock .rdSideBorders,.raddock .rdTopBorder,.raddock .rdBottomBorder{border:1 !important}

    .rdPlaceHolder{border:0 !important;background:transparent !important}

    .scroll{overflow:hidden}

    </style>

    <

    script type="text/javascript">

    function OnClientDragStart(sender, args)

    {

    var dockElement = sender.get_element();

    dockElement.style.opacity =

    "0.7";

    dockElement.style.mozOpacity =

    "0.7";

    dockElement.style.filter =

    "alpha(opacity=70)";

    }

    function OnClientDragEnd(sender, args)

    {

    var dockElement = sender.get_element();

    dockElement.style.opacity =

    "";

    dockElement.style.mozOpacity =

    "";

    dockElement.style.filter =

    "";

    }

    </script>

    <div id="Dim">

    <asp:ScriptManager ID="ScriptManager1" runat="server">

    </asp:ScriptManager>

    <asp:UpdatePanel ID="UpdatePanel1" runat="server">

    <ContentTemplate>

    <div style="height:800px; width:900px; vertical-align:top; padding-left:1px" >

    <div>

    <asp:Button ID="Button1" runat="server" Text="Restore"

    onclick="Button1_Click" />

    </div>

    <div style="height:800px; width:900px; vertical-align:top; ">

    <telerik:RadDockLayout ID="RadDockLayout1" runat="server" Skin="Sunset"

    onloaddocklayout="RadDockLayout1_LoadDockLayout"

    onsavedocklayout="RadDockLayout1_SaveDockLayout">

    <table>

    <tr>

    <td style=" overflow:hidden">

    <telerik:RadDockZone ID="RadDockZone1" runat="server" Height="500px" Width="300px"

    Skin="Sunset" CssClass="scroll" HighlightedCssClass="CustomCssClass">

    <telerik:raddock runat="server" id="RadDock1" title="Mail"

    AutoPostBack="True" BorderColor="CornflowerBlue"

    DockMode="Docked" OnClientDragStart ="OnClientDragStart" OnClientDrag="OnClientDragStart" OnClientDragEnd="OnClientDragEnd">

    <contenttemplate>

    <div style="height:100px; text-align:center">

    <br />

    <asp:ImageButton ID="ImageButton2" runat="server"

    ImageUrl="~/Images/mail.jpg"

    PostBackUrl="~/Users/Mail/MailHome.aspx" />

    </div>

    </contenttemplate>

    </telerik:raddock>

    <telerik:raddock runat="server" id="RadDock3" title="Classified"

    AutoPostBack="True" BorderColor="CornflowerBlue"

    Height="300px" DockMode="Docked" OnClientDragStart ="OnClientDragStart" OnClientDrag="OnClientDragStart" OnClientDragEnd="OnClientDragEnd">

    <contenttemplate>

    <div style="height:200px; text-align:center; ">

    <asp:LinkButton ID="LinkButton3" runat="server" onclick="LinkButton3_Click" >Classified</asp:LinkButton>

    <br />

    <div style="padding-top:50px; padding-top:25px;">

    <span>

    <asp:LinkButton ID="lnk1" runat="server" onclick="lnk1_Click">LinkButton</asp:LinkButton>

    </span>

    <span>

    <asp:Label ID="lbl1" runat="server" Text="Label"></asp:Label>

    </span>

    </div>

    <div style="padding-top:50px; padding-top:25px;">

    <span>

    <asp:LinkButton ID="lnk2" runat="server" onclick="lnk2_Click">LinkButton</asp:LinkButton>

    </span>

    <span>

    <asp:Label ID="lbl2" runat="server" Text="Label"></asp:Label>

    </span>

    </div>

    <div style="padding-top:50px; padding-top:25px;">

    <span>

    <asp:LinkButton ID="lnk3" runat="server" onclick="lnk3_Click">LinkButton</asp:LinkButton>

    </span>

    <span>

    <asp:Label ID="lbl3" runat="server" Text="Label"></asp:Label>

    </span>

    </div>

    <div style="padding-top:50px; padding-top:25px;">

    <span>

    <asp:LinkButton ID="lnk4" runat="server" onclick="lnk4_Click">LinkButton</asp:LinkButton>

    </span>

    <span>

    <asp:Label ID="lbl4" runat="server" Text="Label"></asp:Label>

    </span>

    </div>

    <div style="padding-top:50px; padding-top:25px;">

    <span>

    <asp:LinkButton ID="lnk5" runat="server" onclick="lnk5_Click">LinkButton</asp:LinkButton>

    </span>

    <span>

    <asp:Label ID="lbl5" runat="server" Text="Label"></asp:Label>

    </span>

    </div>

    <div style="padding-top:15px;">

    <span>

    <asp:Button ID="btnmore" runat="server" Text="More >>" onclick="btnmore_Click" />

    </span>

    <span>

    <asp:Button ID="btnmanageclassifieds" runat="server" Text="Manage Classifieds"

    onclick="btnmanageclassifieds_Click"/>

    </span>

    </div>

    </div>

    </contenttemplate>

    </telerik:raddock>

    </telerik:RadDockZone>

    </td>

    <td style=" overflow:hidden">

    <telerik:RadDockZone CssClass="scroll" ID="RadDockZone3" runat="server" Height="500px" Width="300px" HighlightedCssClass="CustomCssClass" >

    <telerik:raddock runat="server" id="RadDock2" title="Video"

    AutoPostBack="True" DockMode="Docked" OnClientDragStart ="OnClientDragStart" OnClientDrag="OnClientDragStart" OnClientDragEnd="OnClientDragEnd">

    <contenttemplate>

    <asp:LinkButton ID="LinkButton2" runat="server" onclick="LinkButton2_Click" >Video</asp:LinkButton>

    <br />

    <asp:Image ID="Image1" runat="server" ImageUrl="~/Images/954180977-2[1].jpg" />

    </contenttemplate>

    </telerik:raddock>

    </telerik:RadDockZone>

    </td>

    <td style=" overflow:hidden">

    <telerik:RadDockZone ID="RadDockZone2" CssClass="scroll" runat="server" Height="500px" Width="300px" HighlightedCssClass="CustomCssClass">

    <telerik:raddock runat="server" id="RadDock4" title="Ads" Height="250px"

    AutoPostBack="True" DockMode="Docked" OnClientDragStart ="OnClientDragStart" OnClientDrag="OnClientDragStart" OnClientDragEnd="OnClientDragEnd">

    <contenttemplate>

    <div style="height:250px; text-align:center">

    <br />

    <br />

    <asp:ImageButton ID="ImageButton1" runat="server"

    ImageUrl="~/Images/googleads.jpg"

    />

    </div>

    </contenttemplate>

    </telerik:raddock>

    <telerik:raddock runat="server" id="RadDock5" title="Blogs" Height="250px"

    AutoPostBack="True" DockMode="Docked" OnClientDragStart ="OnClientDragStart" OnClientDragEnd="OnClientDragEnd">

    <contenttemplate>

    <div style="height:250px; text-align:center">

    <br />

    <asp:LinkButton ID="LinkButton1" runat="server" onclick="LinkButton1_Click">Blog</asp:LinkButton>

    <br />

    <asp:ImageButton ID="ImageButton3" runat="server"

    ImageUrl="~/Images/Blog.jpg"

    />

    </div>

    </contenttemplate>

    </telerik:raddock>

    </telerik:RadDockZone>

    </td>

    </tr>

    </table>

    </telerik:RadDockLayout>

    </div>

    </div>

    </ContentTemplate>

    </asp:UpdatePanel>

    </div>

    </

    asp:Content>

  4. Sophy
    Admin
    Sophy avatar
    636 posts

    Posted 09 Jul 2008 Link to this post

    Hello Navin,

    I am afraid I could not completely understand your scenario - I could not find any pop up in the code you have sent us.
    Basically, if you want to execute some javascript code after an ajax call you need to register the script in the ScriptManager, e.g.: ScriptManager.RegisterStartupScript(...);, otherwise the script will not be executed.
    In case this suggestion cannot help you, please, send us more details about your scenario.



    All the best,
    Sophy
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top