Dock Icon on SlidingPane

3 posts, 0 answers
  1. Jon
    Jon avatar
    539 posts
    Member since:
    Apr 2004

    Posted 13 Sep 2010 Link to this post

    How do I change the dock icon to an 'X' for close  in the slidingpane?  thanks
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 16 Sep 2010 Link to this post

    Hello Jon,

     I am not completely sure what exactly you mean by "How do I change the dock icon to an 'X' for close  in the slidingpane" and thus I will provide you with some directions for the two possible scenarios understood from your explanations.

    1) If you want to have the standard close functionality but not to have the docking functionality you should simply set EnableDock="false" as in the second sliding pane in the demo below:

    http://demos.telerik.com/aspnet-ajax/splitter/examples/sp_enableresizedock/defaultcs.aspx

    2) If you want to keep the docking functionality but only to change the appearance of the icon, you should override the default background image with CSS and set yours instead e.g as shown below:


    .rspSlideHeaderDockIcon,
    .rspSlideHeaderUndockIcon
    {
       background-image: url(myImage) !important;
    }

     

    Sincerely yours,
    Svetlina
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jon
    Jon avatar
    539 posts
    Member since:
    Apr 2004

    Posted 18 Sep 2010 Link to this post

    Thanks.. that worked
Back to Top