RadSliding pane title bold

5 posts, 0 answers
  1. Bindhu
    Bindhu avatar
    4 posts
    Member since:
    Jun 2009

    Posted 16 Jun 2009 Link to this post

    Hi Telerik Team,

     

    How to make the RadSliding pane title bold.

     

    <telerik:RadSlidingPane id="RadSlidingPane1"  title="Pane1" runat="server"> </telerik:RadSlidingPane>

     

    Help me to solve this issue.

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 16 Jun 2009 Link to this post

    Hello Bindhu,

    You can try out the follwoing css code to set styles for the title of the sliding pane:
    css:
         .RadSplitter_Default .rspSlideTitle /* replace Default with the skin name you use*/ 
          { 
             font-weight:bold !important; 
             
          }  

    Thanks
    Princy.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Bindhu
    Bindhu avatar
    4 posts
    Member since:
    Jun 2009

    Posted 17 Jun 2009 Link to this post

    Hi,

     

       I tried calling this css class but still it’s not working. Where to place this css class.

     

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">

      <title>Untitled Page</title

       

        <style type="text/css">

        .RadSplitter2_Default .RadSlidingPane1   

          { 

             font-weight:bold !important;

          } 

        </style>

     

    </head>

    <body>

      <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <div>    

         <telerik:RadSplitter id="RadSplitter2"  runat="server" height="400" width="700">

         <telerik:RadPane id="RadPane1"  runat="server" Scrolling="None">

           <telerik:RadSlidingZone id="RadSlidingZone1" runat="server">

              <telerik:RadSlidingPane id="RadSlidingPane1" Title="Pane1"  runat="server">                              

             This pane has the default behavior and is hidden on page load.                

                                          

                     </telerik:RadSlidingPane>

                   </telerik:RadSlidingZone>

                 </telerik:RadPane>

              </telerik:RadSplitter> 

           

        </div>

        </form>

    </body>

    </html>

     

     

     

    <telerik:RadSlidingPane id="RadSlidingPane1” CssClass="RadSplitter2_Default" Title="Pane1"  runat="server">

     

    I tried calling the cssclass like this but still its giving error.where to place this class.

     

    Thanks in Advance.

     

                                 

  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 18 Jun 2009 Link to this post

    Hi Bindhu,


    In order to get the desired result you should override the default setting of the rspPaneTabText  built in CSS class as shown below:


      <style type="text/css">   
     
        .rspPaneTabText      
     
          {    
     
             font-weight:bold !important;  
     
          }    
     
        </style>   
     
     


    Sincerely yours,
    Svetlina
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
  6. Bindhu
    Bindhu avatar
    4 posts
    Member since:
    Jun 2009

    Posted 08 Jul 2009 Link to this post

    Hi Svetlina ,

          I can't able to get this done. Can u please send me a sample project. 
         Note: I am using Master page.
         Thanks in Advance.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017