Hide SlidingPane header

3 posts, 0 answers
  1. WombatEd
    WombatEd avatar
    54 posts
    Member since:
    Mar 2010

    Posted 27 May 2010 Link to this post

    I don't know what you call the part of a SlidingPane that contains the close and dock buttons, but I'd like to hide it.
    Server-side would be preferable.


  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 01 Jun 2010 Link to this post

    Hello WombatEd,

    As far as I understand you want to remove the titlebar of the RadSlidingPane. By design the RadSplitter does not offer removing the titlebar but you can achieve what you need by going through the following steps:

    1) set EnableDock="false" for all the sliding panes
    2) Include the following CSS in the page's head:

    <style type="text/css"
            .rspSlideHeaderIconWrapper, .rspSlideTitleContainer 
                display: none !important
            .rspSlideTitle, .rspSlideTitleContainer 
                background-image: none !important
                height: 1px !important

    Note the usage of the keyword !important because if you miss it, your custom settings will get overridden by the default ones and you will not get the desired result.

    The solution I  prepared for you and suggested works fine on my side, let me know whether tit works for you as well. Note, also that I tested with the version you have selected - if you are using a very old version the CSS selectors might be different.

    Kind regards,
    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. DevCraft R3 2016 release webinar banner
  4. Ed McCarroll
    Ed McCarroll avatar
    13 posts
    Member since:
    Feb 2010

    Posted 01 Jun 2010 Link to this post

    Thanks, Svetlina.  That worked.
Back to Top