This is a migrated thread and some comments may be shown as answers.

popup Not working in Raddock While using update panel

3 Answers 89 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Navin
Top achievements
Rank 1
Navin asked on 05 Jul 2008, 07:36 AM

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

3 Answers, 1 is accepted

Sort by
0
Sophy
Telerik team
answered on 07 Jul 2008, 12:03 PM
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
0
Navin
Top achievements
Rank 1
answered on 08 Jul 2008, 06:04 PM

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>

0
Sophy
Telerik team
answered on 09 Jul 2008, 01:11 PM
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
Tags
Dock
Asked by
Navin
Top achievements
Rank 1
Answers by
Sophy
Telerik team
Navin
Top achievements
Rank 1
Share this question
or