Non-iFrame Window?

16 posts, 1 answers
  1. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 06 Apr 2009 Link to this post

    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.
  2. PureCode
    PureCode avatar
    97 posts
    Member since:
    Jul 2006

    Posted 06 Apr 2009 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 07 Apr 2009 Link to this post

    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.
  5. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 08 Apr 2009 Link to this post

    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.
  6. PureCode
    PureCode avatar
    97 posts
    Member since:
    Jul 2006

    Posted 08 Apr 2009 Link to this post

    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
  7. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 14 Apr 2009 Link to this post

    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!
  8. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 28 Sep 2009 Link to this post

    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.
  9. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 30 Sep 2009 Link to this post

    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.
  10. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 30 Sep 2009 Link to this post

    Ah, Good News, Indeed!
  11. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 23 Feb 2010 Link to this post

    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!
  12. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 24 Feb 2010 Link to this post

    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.
  13. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 24 Feb 2010 Link to this post

    Ah, thank you very much for pointing me in the right direction!

    This has me psyched!
  14. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 24 Feb 2010 Link to this post

    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.

  15. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 25 Feb 2010 Link to this post

    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.
  16. Ryan Grossman
    Ryan Grossman avatar
    79 posts
    Member since:
    Mar 2004

    Posted 16 May 2010 Link to this post

    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.
  17. LeBear
    LeBear avatar
    233 posts
    Member since:
    May 2006

    Posted 17 May 2010 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017