Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ToolBar > Vertical Rollover

• Itai

  Posted on Jan 4, 2012 (permalink)

  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

  Attached files

  • Vertical-RollOver.png

  Reply

• Kate Kate

  Posted on Jan 5, 2012 (permalink)

  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

  If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

  Reply


• Itai

  Posted on Jan 8, 2012 (permalink)

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

  Attached files

  • TextWentRight.png

  Reply

• Kate Kate

  Posted on Jan 10, 2012 (permalink)

  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

  If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now

  Reply

Back to Top

Home / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > ToolBar > Vertical Rollover