RadPanel Bar - Word Wrap

[s]

Hi,
In my RadPanelBar, the item text is wrapped if it's too long . The problem is when I hover the mouse over the item, only the first line changes color and this is confusing to user. Is it possible for both(or all) lines of text for that text to change color on mouse over ?

Thanks

[Cori]

The problem your describing is related to the hover image the RadPanelBar control uses, which is designed for only one line and does not repeat. You'd have to change that image.

[s]

Do you mean that the hover image url should be changed?
Is there a way to just change the background of the item text(more than one line) on hover ?

[s]

Also if I change the skin to Outlook, both lines are selected.
Following is my code:
<telerik:RadPanelBar 
    ID="TVProcessStart" runat="server" Skin="Outlook" Width="150px" Style=" white-space: normal">
    <Items>
        <telerik:RadPanelItem ID="Processes" runat="server" Text="Process Start"
            Expanded="false">
           
        </telerik:RadPanelItem>
    </Items>
</telerik:RadPanelBar>
I also used the following example from your site:
http://www.telerik.com/help/aspnet/panelbar/panelbar_change%20the%20hover%20state.html.

I add the items dynamically and set the FocusedCssClass property to "customFocused" on the server side.
I am trying to change the background color and it doesn't seem to be working.

Thanks

[Steele]

Hey mate,
Was just wrestling with this myself. I did a bit of a css hack to change it from using an image to just changing the colour for hover and selected items.  This works for me (using Default skin), so give it a go if it's what you are after :

<style type="text/css">
        .rpSelected
        {
            background-color:#DAF0FC !important;
            font-weight:bold !important;
        }
        .rpSelected:hover
        {
            background-color: #DDF7FF !important;
            font-weight:bold !important;
        }
        .rpSlide .rpItem:hover
        {
            background-color: #DFF5FF !important;

        }
        .rpSlide .rpLink:hover
        {
            background-image:none !important;
        }
        .rpSlide .rpOut:hover
        {
            background-image:none !important;
        }
    </style>

Steele.