This is a migrated thread and some comments may be shown as answers.

Non-iFrame Window?

15 Answers 130 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
LeBear
Top achievements
Rank 1
LeBear asked on 06 Apr 2009, 07:39 PM
Hello Telerik:

I would like to have a user control embedded on a page inside of a radWindow-like interface.  I would like the user to be able to move it, resize it, minimize it, etc.  However, I don't want it to be an iFrame to another page.  I just want some controls on the page to reside in that window.

Can I do this with radWindow or radDock - or something else?

If I were to do this with radDock, I would want a Dock that initially fits inside a dockzone that's on a page.  However, I would want the user to be able to grab a side/corner to resize it or grab the title bar to move it, or double click on it to maximize/restore it.  I'd be fine with restore placing it back in its default position in the dockzone.

I guess if I were to do this with radWindow (without having to user another page/iFrame), I would want the same capabilities.

Thanks.

15 Answers, 1 is accepted

Sort by
0
PureCode
Top achievements
Rank 2
answered on 06 Apr 2009, 08:11 PM
Hey Barry.

RadDock sounds like the way to go for you. It has everything you want except for the double click to collapse/expand it (I think), but that shouldn't be too hard to implement on your own.

RadDock is an 'early' control I think as its client-side code is rather, eh.. 'interesting' in places, but it works nicely enough, if not a little quirky here and there.

RadDock (the actual dock control) supports the use of two templates, one for the title bar and one for the content (which is the one you want use), however, unlike most other Telerik controls with templating support, there is NO designer support for them, so you would have to code the template in source mode or perhaps toss a user control into it.

Regards,

Mike
0
Georgi Tunev
Telerik team
answered on 07 Apr 2009, 02:58 PM
Hi guys,

We are planning to provide such functionality (having the content on the same page) for RadWindow as well. This feature should be available for RadWindow later this year, however at this point I cannot give you an exact timeframe. Changing the logic of the control is a time-consuming task and we need to make sure that everything will work as expected before we release it.



Best wishes,
Georgi Tunev
the Telerik team

Check out Telerik Trainer , the state of the art learning tool for Telerik products.
0
LeBear
Top achievements
Rank 1
answered on 08 Apr 2009, 05:27 PM
Thanks PureCode.  I was thinking along the same lines.  Just hoping that I didn't have to do that extra work and I'm also not fond of stretching a tool beyond what it's designed for unless I'm willing to put in some extra maintenance from time to time.

Georgi, That's great to hear.  My need isn't quite immediate, and I'd prefer to let you do all of the work for me, so I'll wait.  If I do launch into that effort sooner, I'll keep this in mind so I can easily switch over.
0
PureCode
Top achievements
Rank 2
answered on 08 Apr 2009, 06:53 PM
Hey Barry,

If you are talking about the double click on the title bar to collapse/expand it then it is pretty easy to do. I think i may have the exact code within one of our early concepts for extending the RadDock controls (and later on, entirely replacing them, while retaining the skinning, our functionality makes the Telerik functionality look like a little mosquito in comparison now, but the main reason was the ridiculous javascript Telerik uses, there is some truly scary script in there) .

I'll see if i can find that code and post it later. It is just a bit of simple javascript that adds to their javascript prototype.

Regards,

Mike
0
LeBear
Top achievements
Rank 1
answered on 14 Apr 2009, 08:17 PM
Mike:

Sorry I didn't respond sooner.  I don't have an immediate need.  Just planning ahead.  I'll probably end up waiting for Telerik's stuff.

Thanks!
0
LeBear
Top achievements
Rank 1
answered on 28 Sep 2009, 09:42 PM
I'm in the process of re-engineering my chat window.  it currently uses a RadWindow/iFrame.  I would like to change this to be a simple ASCX control on the page, wrapped in a RadWindow.

Is this going to be in the upcoming release, or if not, do we have a better timeframe on when this might be available.

Thank you.
0
Georgi Tunev
Telerik team
answered on 30 Sep 2009, 10:30 AM
Hi Barry,

We are currently working on this feature and it should be present in the Q3 release. A BETA of Q3 2009 will be available in a couple of weeks.


Regards,
Georgi Tunev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
0
LeBear
Top achievements
Rank 1
answered on 30 Sep 2009, 12:07 PM
Ah, Good News, Indeed!
0
LeBear
Top achievements
Rank 1
answered on 23 Feb 2010, 10:18 PM
Telerik, I don't see this in the "What's New" area on the site.  Can I get a status before I start digging?

Thank you!
0
Accepted
Georgi Tunev
Telerik team
answered on 24 Feb 2010, 08:35 AM
Hello Barry,

This feature was implemented in Q3 SP1 - you can see it in action here and here is the documentation article. 


Kind regards,
Georgi Tunev
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.
0
LeBear
Top achievements
Rank 1
answered on 24 Feb 2010, 12:32 PM
Ah, thank you very much for pointing me in the right direction!

This has me psyched!
0
LeBear
Top achievements
Rank 1
answered on 24 Feb 2010, 10:29 PM
Thank you for this feature!

I was able to create a custom command on my portal docks to maximize to full-screen. 

Upon clicking the command icon, it fires a JavaScript routine to change the parent element of the dock content to the RadWindow.  The RadWindow is then displayed full-screen.  Upon closing the RadWidow, the parent element of the content is set back to the dock and all is well.  This new feature of the RadWindow made this whole thing incredible easy.  My customer will be very happy.

0
Georgi Tunev
Telerik team
answered on 25 Feb 2010, 06:49 AM
You are welcome, Barry - we are glad to know that everything is working fine now :)

The solution that you implemented sounds interesting and if you want (and have time of course) I would like to ask you to consider adding a project, based on it, in our Code Library section - we will gladly reward you with Telerik points for that.




Sincerely yours,
Georgi Tunev
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.
0
Ryan Grossman
Top achievements
Rank 1
answered on 16 May 2010, 09:44 PM
LeBear,

Care to share? I would like to see how you did hat you did as I'm using the older controls and cannot currently inplement the new ajax controls. Trying to accomplish an open a dock to full screen with the original controls.
0
LeBear
Top achievements
Rank 1
answered on 17 May 2010, 01:23 PM
Ryan:

Sure, I can share.

First, I create the dock command object on the docks I want to allow to be maximized:

Dim MaxCommand_lob As DockCommand 
MaxCommand_lob = New DockCommand() 
MaxCommand_lob.OnClientCommand = "MaxThis" 
MaxCommand_lob.CssClass = "RadDock_MaximizeIcon" 
MaxCommand_lob.Text = "Maximize to Full-Screen" 
Dock_lob.Commands.Add(MaxCommand_lob) 

The CssClass is a customization to show an appropriate icon.  The Client Command, MaxThis, is a JavaScript routine that performs the client-side action.  It takes the content container of the dock, moves it to the RadWindow that's going to be maximized, and stores a reference to the content container and its parent so that they can be reunited when the RadWindow is closed.

var MaxedElement;
var MaxedParent;

function
 MaxThis(dock_aob, eventArgs) { 
    var BigWindow = $find("<%= BigWindow.ClientID %>"); 
    var contentArea = document.getElementById('MaxContentArea'); 
    MaxedElement = dock_aob.get_contentContainer()  
    MaxedParent = MaxedElement.parentNode; 
    BigWindow.maximize(true); 
    BigWindow.show(); 
    BigWindow.set_title(dock_aob.get_title()); 
    contentArea.appendChild(MaxedElement); 

BigWindow is the RadWindow, and MaxContentArea is a DIV in the Content Template of the RadWindow.

<Telerik:RadWindow  
    ID="BigWindow"  
    Modal="false"  
    runat="server"  
    Behaviors="Close"  
    VisibleTitlebar="true"  
    DestroyOnClose="false"  
    Skin="Simple" 
    VisibleStatusbar="false"  
    InitialBehaviors="Maximize"  
    OnClientShow="MaxThisPuppy"  
    OnClientResizeEnd="MaxThisPuppy" 
    VisibleOnPageLoad="false"  
    OnClientClose="ReturnMyChild"
    <ContentTemplate> 
        <div id="MaxContentArea" style="width:100%; height:100%; background-color:#ffffff;"></div> 
    </ContentTemplate>   
</Telerik:RadWindow> 
 

MaxThisPuppy is a routine that simply maximizes the window, and ReturnMyChild (from Star Trek TNG, if you're a fan) is a routine that sends the content of the dock back to its original position on the page - within the dock.

function ReturnMyChild() { 
    MaxedParent.appendChild(MaxedElement); 
 
function MaxThisPuppy(sender, eventArgs) { 
    sender.maximize(true); 
 


I hope this helps.
Tags
General Discussions
Asked by
LeBear
Top achievements
Rank 1
Answers by
PureCode
Top achievements
Rank 2
Georgi Tunev
Telerik team
LeBear
Top achievements
Rank 1
Ryan Grossman
Top achievements
Rank 1
Share this question
or