Pop Up inside a RadDock

[Adriano]

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

[Valeri Hristov]

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

[Adriano]

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

[Adriano]

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

[rebtech]

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

[rebtech]

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.

[Terence Pae]

Is there a fix available for this?

I can't find it anywhere on the forums.

[Svetlina Anati]

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.

[Terence Pae]

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..

[Svetlina Anati]

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.