popup Not working in Raddock While using update panel

[Navin]

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

[Sophy]

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

[Navin]

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>

[Sophy]

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