locked
RadPanel Bar Highlighted on 2 lines when moused over RRS feed

  • Question

  • User-1188570427 posted

    I've already posted the below question in Telerik forum. No one has answered yet, so I can going to see if anyone else had an idea?

    I have a radpanel bar that is used on the left side of the master page. We have some titles that are more than the width of the panel and they go to the next line. Well when they go to a 2nd line, the highlighted (when moused/hovered over) part just goes over the first row/line. Is there a way to make it go over both rows if the text word raps down to a 2nd line?

    Wednesday, July 24, 2013 12:38 PM

Answers

  • User-1188570427 posted

    This issue is with an Image. The image telerik has for the default skin is only for one line. I just went to the telerik folder and found the image they were using and customized it via paint to meet what I needed. Below is some code that helped me override certain specific styles.

    <style type="text/css">  
            .RadPanelBar_Default .rpSelected
            {
                color: White !important;            
                background-image: url('/images/SubItemStates-Dark.png') !important; 
                background- right !important;         
            }
            .RadPanelBar_Default .rpLink:hover 
            {
                color: Black !important;            
                background-image: url('/images/SubItemStates-Light.png') !important; 
                background- right !important;  
            }   
            .RadPanelBar_Default .rpGroup A.rpSelected 
            { 
                color: White !important;            
                background-image: url('/images/SubItemStates-Dark.png') !important; 
                background- right !important;  
             
            }               
            .RadPanelBar_Default .rpGroup A.rpSelected .rpOut  
            { 
                color: White !important;            
                background-image: url('/images/SubItemStates-Dark.png') !important; 
                background- right !important;  
             
            }    
            .RadPanelBar_Default .rpGroup A.rpSelected .rpOut:hover  
            { 
                color: White !important;            
                background-image: url('/images/SubItemStates-Dark.png') !important; 
                background- right !important;
                
            }    
            .rpSlide .rpSelected:hover  
            { 
                color: Black !important;            
                background-image: url('/images/SubItemStates-Light.png') !important; 
                background- right !important;
            }              
            .rpSlide .rpLink:hover  
            { 
                color: Black !important;            
                background-image: url('/images/SubItemStates-Light.png') !important; 
                background- right !important;
            } 
            .rpSlide .rpOut:hover  
            { 
                color: Black !important;            
                background-image: url('/images/SubItemStates-Light.png') !important; 
                background- right !important;
            }                                                  
    </style>

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, July 31, 2013 7:53 AM