Pop Up inside a RadDock

10 posts, 0 answers
  1. Adriano
    Adriano avatar
    16 posts
    Member since:
    Apr 2007

    Posted 17 May 2007 Link to this post

    Hi,

    I have a user control wrapped inside a RadDock Content Template. This User Control has a div that is used as a “PopUp” that shows when a link is clicked, it works fine but the Content Template automatically ads scroll bars around itself when the popup is show… Is there a way to avoid these scroll bars, and show the pop up on top of the RadDock?

    I am working in a project that uses .Net web parts framework and I am researching Telerik RadDock as an alternative, perhaps more flexible, to our current solution.

    Thanks,

    Adriano

  2. Valeri Hristov
    Admin
    Valeri Hristov avatar
    2252 posts

    Posted 18 May 2007 Link to this post

    Hello Adriano,

    The Content Template adds scrollbars when you specify Height of the RadDock control. If you do not set Height, the content template should not add scrollbars. Another thing: how do you position the "popup" div? If it is positioned absolutely, the scrollbars shouldn't appear. And one more thing - did you check RadToolTip? As far I can see it should be able to replace your "popup" div element and most probably spare the similar problems.

    If none of the suggestions help, please create and send us a simple project which demonstrates the issue and I will respond with a resolution ASAP.

    Kind regards,
    Valeri Hristov (Senior Developer, MCSD)
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Adriano
    Adriano avatar
    16 posts
    Member since:
    Apr 2007

    Posted 18 May 2007 Link to this post

    Hi Valeri,

    Thanks for your quick response.

    I am very exited about "Prometheus"/RadDock framework and how it can enhance our project.

    Your suggestions all make perfect sence, and that is how i was doing - no max size or content smaller than dock size, and div with absolute positioning - but still RadDock renders the popup as part of the content div and although it has absolute position it behaves almost as a iframe...

    I am sure that I'm doing something wrong... how can i send you a zip file with my project test?

    I have other questions in how to integrate RadDock into our currently framework... what would be the best support approach to me? is there a paid phone support available?

    Regards,

    Adriano
  5. Adriano
    Adriano avatar
    16 posts
    Member since:
    Apr 2007

    Posted 19 May 2007 Link to this post

    As I am playing more with your controls and starts to understand part of the framework I realized you have all your style CSS driven, and that is GREAT. please disregard my last post about scroll bars...

    Adriano
  6. rebtech
    rebtech avatar
    29 posts
    Member since:
    Jun 2007

    Posted 18 Jul 2007 Link to this post

    I am having this same issue, but I haven't found a work around.  it worked fine in the non prometheus version, but noting with absolute position is displaying out site of the dock.


    thanks
  7. rebtech
    rebtech avatar
    29 posts
    Member since:
    Jun 2007

    Posted 18 Jul 2007 Link to this post

    i've figured out what the issue is.  If you set EnableEmbeddedSkins="false" and edit your own cssclass styles for this it still adds raddock RadDock_Default in the class.  if you use skin="myclass" it still adds raddock to the list, and here is the biggest issue.  even though EnableEmbeddedSkins="false" is set it is still down loading a css in the embedded resource.  If you look at the resource is has a lot of default settings.  This would't be a big deal except with overflow.  you can not remove it, but set it to anouther option which doesn't work because none of them allow the content inside to display out of the div they are in.  The places I see that are the issue are these .raddock, .rdContent and a few other places but from what I see these are the main 2 that are keeping object from being displayed out side of the dock object when you want them to.

    I tried many things including using the document.styleSheets[0].cssRules[0].deleteRule()DOM call to loop through the embedded resource to remove them all and it didn't work.

    now my work around.  what I have done was created a java function to set the class to all of the raddock object to use only the class I want them to, and all is working currectly now.  

    function dockfix(){
    // document.getElementById("RadDock1_C").className="RadDock_my"; // not needed

    document.getElementById("RadDock1").className="RadDock_my";

    }dockfix();
    P.S. I am working on a better function that loops through all the raddocks and changes all the properties that need to be fixed.  If anyone is interested in this let me know.

  8. Terence Pae
    Terence Pae avatar
    6 posts
    Member since:
    Aug 2009

    Posted 23 Aug 2009 Link to this post

    Is there a fix available for this?

    I can't find it anywhere on the forums.
  9. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 24 Aug 2009 Link to this post

    Hello Terence,

    Would you please provide more details about your exact scenario? To display the popup as described here you should add it to be a child of the root of the page and not the dock. This being said, if you e.g use a RadToolTip, you can easily achieve this by setting RenderInPageRoot="true" as shown in the demo below:

    http://demos.telerik.com/aspnet-ajax/tooltip/examples/tooltipasformchild/defaultcs.aspx

    Sincerely yours,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  10. Terence Pae
    Terence Pae avatar
    6 posts
    Member since:
    Aug 2009

    Posted 24 Aug 2009 Link to this post

    Hi, thank you for quick response.

    I have RadGrid with EditMode="PopUp" inside RadDock, when a popup is clicked, it's displayed inside the RadDock like an iframe. It's a common problem listed in the forums, but I have not yet came across the solution..

  11. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 25 Aug 2009 Link to this post

    Hi Terence Pae,

    The built in popup edit form is child of the row and that is why in your scenario it is not possible to show it outside the dock. However, you can use RadWindow and write some code and get the same functionality  but the RadWindow will be added to the root so that it will be displayed outside the dock. You can find a sample similar demo below:

    http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandwindow/defaultcs.aspx?product=grid

    Another option is to use the RadToolTip control in a similar manner as shown here:

    http://demos.telerik.com/aspnet-ajax/controls/examples/integration/tooltipgrid/defaultcs.aspx?product=grid

    but do not forget to configure it to be added to the root as already explained in my previous post.

    Regards,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017