Move a RadDock, background disappears

4 posts, 0 answers
  1. Paul Fountain
    Paul Fountain avatar
    10 posts
    Member since:
    Jan 2010

    Posted 27 May 2010 Link to this post

    I have several RadDocks on my page that I am using as pop-up windows for data entry.  If one of them is displayed, and you move it to a different location, then close the RadDock, the next time it appears, the background is transparent.  You can only see the text and controls on the RadDock.  This is visually very confusing.  Any ideas why this would happen?
  2. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 02 Jun 2010 Link to this post

    Hello Paul,

    This is a strange behavior that has never been reported before. Could you please send some sample code to reproduce the problem locally? I tested the following code and everything seems to be working fine:

    <%@ 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">
    <head id="Head1" runat="server">
        <title></title>
     
        <script type="text/javascript">
            function ShowHide()
            {
                var dock = $find("RadDock1");
                dock.set_closed(!dock.get_closed());
            }
        </script>
     
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            </Scripts>
        </asp:ScriptManager>
        <div style="background: red;">
            <input type="button" value="Show/Hide Dock" onclick="ShowHide(); return false;" />
            <telerik:RadDockLayout ID="RadDockLayout1" runat="server">
                <telerik:RadDockZone ID="RadDockZone1" runat="server" MinHeight="300px" Width="300px">
                    <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock-Title" Width="300px">
                        <ContentTemplate>
                            <br />
                            <br />
                            <br />
                            <br />
                            <br />
                            CONTENT
                            <br />
                            <br />
                            <br />
                            <br />
                            <br />
                        </ContentTemplate>
                    </telerik:RadDock>
                </telerik:RadDockZone>
            </telerik:RadDockLayout>
        </div>
        </form>
    </body>
    </html>

    In case you are using client method to show the dock, you could try invoking the dock.repaint() method.

    Kind regards,
    Pero
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Paul Fountain
    Paul Fountain avatar
    10 posts
    Member since:
    Jan 2010

    Posted 02 Jun 2010 Link to this post

    Hi Pero, thank you for the reply.  I am showing the RadDock from server-side code:

    // Show the comments dialog 
    txtStepComments.Text = ""
    radDockComments.Visible = true

    I need to run some server-side validations before showing the dialog, so I do not have the option of using client-side code here.  Could this be the cause of my issue?  Is there any way to force the repaint() method to be run from server-side code?
  5. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 07 Jun 2010 Link to this post

    Hi Paul,

    Calling the repaint() function will not make a difference in your case, since the dock is closed on the server. I think the issue might be related to some global styles that are breaking the styles of the RadDock.
    Could you please provide a sample code that will enable us to reproduce the issue locally? If possible please provide a live url where this behavior of the dock can be observed.


    Best wishes,
    Pero
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top