RadPanel Bar - Word Wrap

5 posts, 0 answers
  1. s
    s avatar
    13 posts
    Member since:
    Feb 2011

    Posted 23 Feb 2011 Link to this post

    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
  2. Cori
    Cori avatar
    562 posts
    Member since:
    Jul 2010

    Posted 25 Feb 2011 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. s
    s avatar
    13 posts
    Member since:
    Feb 2011

    Posted 01 Mar 2011 Link to this post

    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 ?
  5. s
    s avatar
    13 posts
    Member since:
    Feb 2011

    Posted 01 Mar 2011 Link to this post

    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
  6. Steele
    Steele avatar
    96 posts
    Member since:
    Mar 2008

    Posted 27 Mar 2011 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017