This is a migrated thread and some comments may be shown as answers.
Animation in raddock for asp.net ajax
4 Answers 91 Views
This is a migrated thread and some comments may be shown as answers.
bikash
Top achievements
Rank 1
bikash asked on 24 Jul 2008, 06:56 AM
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

4 Answers, 1 is accepted

Sort by
0
Sophy
Telerik team
answered on 24 Jul 2008, 03:08 PM
Hi Bikash,

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,

Sophy
the Telerik team


Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
bikash
Top achievements
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>


0
bikash
Top achievements
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
0
Sophy
Telerik team
answered on 28 Jul 2008, 08:29 AM
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.
Tags
Dock
Asked by
bikash
Top achievements
Rank 1
Answers by
Sophy
Telerik team
bikash
Top achievements
Rank 1
Share this question
or