Hi,
I've recently upgraded radcontrols and right now, i'm using rad controls for asp.net ajax. I noticed that the previous animation effect (using effectsenabled) has been removed in the new version. The animation effect should be similar to :
http://www.telerik.com/demos/aspnet/Dock/Examples/Effects/DefaultCS.aspx
How can i have the similar effect in the new dock control??
regards,
Bikash
I've recently upgraded radcontrols and right now, i'm using rad controls for asp.net ajax. I noticed that the previous animation effect (using effectsenabled) has been removed in the new version. The animation effect should be similar to :
http://www.telerik.com/demos/aspnet/Dock/Examples/Effects/DefaultCS.aspx
How can i have the similar effect in the new dock control??
regards,
Bikash
4 Answers, 1 is accepted
0
Hi Bikash,
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Currently, RadDock for ASP.NET AJAX does not provide animation effects. If you need this functionality you should implement it with some custom javascript code. We have already entered this issue in our feature requests list for further consideration and will probably implement it for one of the next updates of RadDock for ASP.NET AJAX.
If you have other questions, do contact us again.
All the best,
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
bikash
Top achievements
Rank 1
Rank 1
answered on 25 Jul 2008, 08:26 AM
hi Sophi,
Thanx for your reply. Actually, the animation effect has been specified in "the key feature" of Rad dock. And I didn't get that feature in new rad dock control.
Anyways, i have another question regarding Rad dock,
I have the following test page, which I replicated from your site for testing. I am testing this page on Safari version 3.1. Notice that i've added a code snippet on the bottom of the page which is supposed to be the footer of the page. When we go to the bottom of the page and click on the rad dock, we see some unexpected behavior. The rad dock scrolls up itself.
This does not happen when there is nothing below rad layout.
Please help me out.
<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<style type="text/css">
td{vertical-align:top;}
.raddock{text-align:left;font:11px/14px arial,verdana,sans-serif}
.raddock .rdTitlebar{height:auto;background-image:none !important;font-size:1.1em;line-height:2em}
.raddock .rdTitle{background:none transparent !important;}
.raddock div{border-color:#eee !important}
.raddock .rdCommands{padding-right:5px;}
.raddock .rdCommands .rdClose{background:url(../../../Img/dockPortalClose.gif) 0 -7px transparent;}
.raddock .rdCommands .rdCollapse{background:url(../../../Img/dockPortalCollapse.gif) -7px -7px transparent;}
.raddock .rdCommands .rdExpand{background:url(../../../Img/dockPortalExpand.gif) -7px -7px transparent;}
.raddock .innerWrp{margin:0;padding:10px}
#News{background:#afeffa;}
#News .rdTitlebar{background:#c4f2f9;}
#News .rdTitle{color:#4C8B9F;}
#News .rdContent a{color:#399;}
#News ul{list-style:none;margin-top:0;margin-left:0;padding-top:0.4em;padding-left:10px}
#News ul br{display:none}
#News li{padding:0.6em 0 0;margin:0}
#UserInfo *{color:#fff}
#UserInfo .rdTitlebar{background-color:#e1519e}
#UserInfo .rdContent{background-color:#da2686;font-weight:bold}
#Raddock2 *{color:#fff}
#Raddock2 .rdTitlebar{background-color:#cbc633}
#Raddock2 .rdContent{background-color:#BEB800;}
#Horoscopes{background:#ff8001;}
#Horoscopes .rdTitlebar{background:#ff9934;}
#Horoscopes .rdTitle{color:#fff;}
#Horoscopes .rdContent div div *{color:#fff;}
#Horoscopes .rdContent select{font:inherit}
#Pictures{background:#98c937;}
#Pictures .rdTitlebar{background:#add45f;}
#Pictures .rdTitle{color:#fff;}
#Pictures .rdContent div div *{color:#fff;}
#Pictures .rdContent img{border:2px solid #d0e895 !important}
#Pictures .rdContent a{font-size:1.2em;font-weight:bold}
#Currency{background:#ffc000;}
#Currency .rdTitlebar{background:#ffcd33;}
#Currency .rdTitle{color:#fff;}
#Currency .rdContent div div *{color:#fff;}
#Currency .rdContent select,#Currency .rdContent input{font:inherit}
#Weather{background:#f1eee1;}
#Weather .rdTitlebar{background:#d8d2bc;color:#a09b85}
#Weather table{font:inherit}
#Weather .rdContent td{vertical-align:middle}
#Weather .rdContent th{display:none}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="SC1" runat="server">
</asp:ScriptManager>
<table style="height:800px;"><tr><td></td></tr></table>
<telerik:raddocklayout runat="server" id="RadDockLayout1">
<div style="border:18px solid #f4f4f4;padding:10px;">
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" style="background: url(Img/headerBg.gif) repeat-x;"><img src="Img/headerLeft.gif" alt=""/></td>
</tr>
<tr>
<td style="width:222px;">
<telerik:raddockzone runat="server" id="RadDockZone1" orientation="vertical" style="border:0px;width:220px;">
<telerik:raddock runat="server" id="UserInfo" title="My Portal" width="220px">
<contenttemplate>
<p class="innerWrp">
Welcome back,<br />
Mr. John Smith<br />
<%= DateTime.Now.ToShortDateString() %>
</p>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="Pictures" title="Photos from Sofia" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="Currency" title="Currency Exchange Rates" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
</telerik:raddockzone>
</td>
<td style="width:222px;">
<telerik:raddockzone runat="server" id="RadDockZone2" orientation="vertical" style="border:0px;width:220px;">
<telerik:raddock runat="server" id="Horoscopes" title="Horoscope" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="News" title="Entertainment News" width="220px">
<contenttemplate>
</contenttemplate>
</telerik:raddock>
</telerik:raddockzone>
</td>
<td style="width:222px;">
<telerik:raddockzone runat="server" id="RadDockZone3" orientation="vertical" style="border:0px;width:220px;">
<telerik:raddock runat="server" id="Raddock2" title="My Contacts" width="220px">
<contenttemplate>
<p class="innerWrp">
Phone: 1.887.3671.23<br />
E-mail: john@bravo.com<br />
Address: 64 Bay Str, Melville
</p>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="Weather" title="Weather" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
</telerik:raddockzone>
</td>
</tr>
</table>
</div>
</telerik:raddocklayout>
<table style="margin-bottom: 400px;float:left;"><tr><td>
Footer goes here<br />
footer goes here<br />
footer goes here<br />
footer goes here<br />
</td></tr></table>
</form>
</body>
</html>
Thanx for your reply. Actually, the animation effect has been specified in "the key feature" of Rad dock. And I didn't get that feature in new rad dock control.
Anyways, i have another question regarding Rad dock,
I have the following test page, which I replicated from your site for testing. I am testing this page on Safari version 3.1. Notice that i've added a code snippet on the bottom of the page which is supposed to be the footer of the page. When we go to the bottom of the page and click on the rad dock, we see some unexpected behavior. The rad dock scrolls up itself.
This does not happen when there is nothing below rad layout.
Please help me out.
<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<style type="text/css">
td{vertical-align:top;}
.raddock{text-align:left;font:11px/14px arial,verdana,sans-serif}
.raddock .rdTitlebar{height:auto;background-image:none !important;font-size:1.1em;line-height:2em}
.raddock .rdTitle{background:none transparent !important;}
.raddock div{border-color:#eee !important}
.raddock .rdCommands{padding-right:5px;}
.raddock .rdCommands .rdClose{background:url(../../../Img/dockPortalClose.gif) 0 -7px transparent;}
.raddock .rdCommands .rdCollapse{background:url(../../../Img/dockPortalCollapse.gif) -7px -7px transparent;}
.raddock .rdCommands .rdExpand{background:url(../../../Img/dockPortalExpand.gif) -7px -7px transparent;}
.raddock .innerWrp{margin:0;padding:10px}
#News{background:#afeffa;}
#News .rdTitlebar{background:#c4f2f9;}
#News .rdTitle{color:#4C8B9F;}
#News .rdContent a{color:#399;}
#News ul{list-style:none;margin-top:0;margin-left:0;padding-top:0.4em;padding-left:10px}
#News ul br{display:none}
#News li{padding:0.6em 0 0;margin:0}
#UserInfo *{color:#fff}
#UserInfo .rdTitlebar{background-color:#e1519e}
#UserInfo .rdContent{background-color:#da2686;font-weight:bold}
#Raddock2 *{color:#fff}
#Raddock2 .rdTitlebar{background-color:#cbc633}
#Raddock2 .rdContent{background-color:#BEB800;}
#Horoscopes{background:#ff8001;}
#Horoscopes .rdTitlebar{background:#ff9934;}
#Horoscopes .rdTitle{color:#fff;}
#Horoscopes .rdContent div div *{color:#fff;}
#Horoscopes .rdContent select{font:inherit}
#Pictures{background:#98c937;}
#Pictures .rdTitlebar{background:#add45f;}
#Pictures .rdTitle{color:#fff;}
#Pictures .rdContent div div *{color:#fff;}
#Pictures .rdContent img{border:2px solid #d0e895 !important}
#Pictures .rdContent a{font-size:1.2em;font-weight:bold}
#Currency{background:#ffc000;}
#Currency .rdTitlebar{background:#ffcd33;}
#Currency .rdTitle{color:#fff;}
#Currency .rdContent div div *{color:#fff;}
#Currency .rdContent select,#Currency .rdContent input{font:inherit}
#Weather{background:#f1eee1;}
#Weather .rdTitlebar{background:#d8d2bc;color:#a09b85}
#Weather table{font:inherit}
#Weather .rdContent td{vertical-align:middle}
#Weather .rdContent th{display:none}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="SC1" runat="server">
</asp:ScriptManager>
<table style="height:800px;"><tr><td></td></tr></table>
<telerik:raddocklayout runat="server" id="RadDockLayout1">
<div style="border:18px solid #f4f4f4;padding:10px;">
<table cellspacing="0" cellpadding="0">
<tr>
<td colspan="3" style="background: url(Img/headerBg.gif) repeat-x;"><img src="Img/headerLeft.gif" alt=""/></td>
</tr>
<tr>
<td style="width:222px;">
<telerik:raddockzone runat="server" id="RadDockZone1" orientation="vertical" style="border:0px;width:220px;">
<telerik:raddock runat="server" id="UserInfo" title="My Portal" width="220px">
<contenttemplate>
<p class="innerWrp">
Welcome back,<br />
Mr. John Smith<br />
<%= DateTime.Now.ToShortDateString() %>
</p>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="Pictures" title="Photos from Sofia" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="Currency" title="Currency Exchange Rates" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
</telerik:raddockzone>
</td>
<td style="width:222px;">
<telerik:raddockzone runat="server" id="RadDockZone2" orientation="vertical" style="border:0px;width:220px;">
<telerik:raddock runat="server" id="Horoscopes" title="Horoscope" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="News" title="Entertainment News" width="220px">
<contenttemplate>
</contenttemplate>
</telerik:raddock>
</telerik:raddockzone>
</td>
<td style="width:222px;">
<telerik:raddockzone runat="server" id="RadDockZone3" orientation="vertical" style="border:0px;width:220px;">
<telerik:raddock runat="server" id="Raddock2" title="My Contacts" width="220px">
<contenttemplate>
<p class="innerWrp">
Phone: 1.887.3671.23<br />
E-mail: john@bravo.com<br />
Address: 64 Bay Str, Melville
</p>
</contenttemplate>
</telerik:raddock>
<telerik:raddock runat="server" id="Weather" title="Weather" width="220px">
<contenttemplate>
<div class="innerWrp"></div>
</contenttemplate>
</telerik:raddock>
</telerik:raddockzone>
</td>
</tr>
</table>
</div>
</telerik:raddocklayout>
<table style="margin-bottom: 400px;float:left;"><tr><td>
Footer goes here<br />
footer goes here<br />
footer goes here<br />
footer goes here<br />
</td></tr></table>
</form>
</body>
</html>
0
bikash
Top achievements
Rank 1
Rank 1
answered on 25 Jul 2008, 08:37 AM
hi sophy,
for your convenience, I've posted the page in the url mentioned below:
http://62.119.142.107/Fryshuset_cms/test/portal.aspx
regards,
Bikash
for your convenience, I've posted the page in the url mentioned below:
http://62.119.142.107/Fryshuset_cms/test/portal.aspx
regards,
Bikash
0
Hi Bikash,
Thank you for your feedback and for the provided code and test url.
I was able to reproduce the issue you mention testing the provided url in Safari v3.1. However, when I tested the provided test page with the latest version of the RadDock control in Safari v3.1 the problem did not exist. Please, download the latest update of the control from Q2 2008 which was released the previous week and test the same scenario. In the latest build of the RadControls for ASP.NET AJAX suite the drag/drop functionality of the RadDock has been improved. That is why, we recommend updating to the latest update of the control. In case you still experience any problems, do contact us again.
Sincerely yours,
Sophy
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Thank you for your feedback and for the provided code and test url.
I was able to reproduce the issue you mention testing the provided url in Safari v3.1. However, when I tested the provided test page with the latest version of the RadDock control in Safari v3.1 the problem did not exist. Please, download the latest update of the control from Q2 2008 which was released the previous week and test the same scenario. In the latest build of the RadControls for ASP.NET AJAX suite the drag/drop functionality of the RadDock has been improved. That is why, we recommend updating to the latest update of the control. In case you still experience any problems, do contact us again.
Sincerely yours,
Sophy
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.