Vertical Rollover

[Naisha]

hi,
I have a vertical toolbar and I need that when rollover an item, the highlight (background) will be to the end of the toolbar and not on the text only.

10x

[Kate]

Hello Itai,

In order to increase the width of the hover effect you can apply the following css class:

<style type="text/css">
        div.RadToolBar .rtbDropDownExpanded .rtbIn,
         div.RadToolBar .rtbSplBtnExpanded .rtbIn,
          div.RadToolBar .rtbSplBtnFocused .rtbIn,
           div.RadToolBar .rtbItemFocused .rtbIn,
            div.RadToolBar .rtbItemClicked .rtbIn,
             div.RadToolBar .rtbChecked .rtbIn,
              div.RadToolBar .rtbItemHovered .rtbIn {    width: 80px; }
    </style>

Greetings,
Kate
the Telerik team

[Naisha]

Hello. 

It partial helped.
Noe the problem is that the text goes to the right.... (see attachment)

[Kate]

Hi Itai,

It works as expected from my side, however, applying custom styles might be a reason for the appearance that you get. Can you please send me either a live url or a simplified runnable project that I could test locally and help you out?

Kind regards,
Kate
the Telerik team