How to set the background (100%) for sliding panel buttons?

2 posts, 0 answers
  1. Willem
    Willem avatar
    23 posts
    Member since:
    Dec 2007

    Posted 17 Jun 2008 Link to this post

    Hello all,

    I am working on a project using the RadToolBar as well as sliding panes. As you can see on attached image i am missing design at the red section. 

    I read the thread about the toolbar: http://www.telerik.com/community/forums/thread/b311D-bdggha.aspx

    and for the green section (toolbar) i have solved it with the background of the page. What can i do for the sliding page buttons area, the red one? I want to repeat there the background in the y direction in the look-and-feel of the skin....


  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 19 Jun 2008 Link to this post

    Hi Willem,

    In order to achieve the desired behavior you should set the desired background to the TD element which represents the RadSlidingZone.

    The easiest way to do it is by using CSS means as shown below:

        <style type="text/css">  
              #RAD_SLIDING_ZONE_TABS_CONTAINER_[Your_SlidingZone_ClientID]  
              {  
                 backgroundurl('paneTabContainer.gif'repeat-y !important;  
              }  
            </style> 

    Please, note that you should use the RadSlidingZone's ClientID in order to apply the style to the particular zone. Also, make sure that you have add the keyword !important because otherwise your custom style will get overridden by the embedded one.

    Regards,
    Svetlina
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top