DockHandle Type Changing (Client Side)

5 posts, 0 answers
  1. Kurt
    Kurt avatar
    26 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    Hi... another Dock question.

    I'm trying to change the dockhandle type from "Grip" or "None" to "TitleBar" when undocking a Dock.  For the application I'm building, it is desireable to have an image representing what the dock will become when dragged onto the main stage.  Once on the stage I'd like to set it to look like a standard floating Dock.

    I looked through the client API, but can't seem to find a way to update the dockhandle on the Client Side.  Any help would be great!

    -Kurt
  2. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 30 Mar 2009 Link to this post

    Hi Kurt,

    You could try to use dock.set_handle(element) client-side method. A simple example which illustrates this method is available here:
    http://demos.telerik.com/aspnet-ajax/dock/examples/setdraghandleclientside/defaultcs.aspx


    All the best,
    Petio Petkov
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  3. Kurt
    Kurt avatar
    26 posts
    Member since:
    Mar 2009

    Posted 30 Mar 2009 Link to this post

    Petio,

    Correct me if I'm wrong, but doesn't set_handle just define what is the draggable part of the dock?  What I'm trying to do is not only define what the draggable part of the dock is, but also modify the way the dock looks by changing the DockHandle property from "None" to "Title Bar" on the client side.

    Thanks,
    Kurt
  4. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 02 Apr 2009 Link to this post

    Hello Kurt,

    The RadDock control is with server-side rendering and there is not a way to change it's look by changing dock handle on the client via JavaScript(e.g. None to TitleBar or Grip to TitleBar).
    My suggestion is to add two different divs into the RadDock's content and remove the titlebar. After that you should change their visibility  and set the visible div as a handle via JavaScript(with set_handle).

    Sincerely yours,
    Petio Petkov
    the Telerik team

    Check out Telerik Trainer , the state of the art learning tool for Telerik products.
  5. Kurt
    Kurt avatar
    26 posts
    Member since:
    Mar 2009

    Posted 03 Apr 2009 Link to this post

    Petio,

    Thanks for the response.  I wish I would have thought of that.  Instead I'm working with a jQuery FishEye menu that dynamically adds the desired dock to the stage based upon what menu item is clicked.  Works really well.  I have another app I'm building that I can put your suggestion to use.  Thanks!  I love Client Side <--> Server Side communication.  Once I'm done with this app in web forms, I'm going to rebuild it in SilverLight 3.0 to test the "outside of browser" experience.  =)

    -Kurt
Back to Top