PanelBar Child Item background image will not remove

2 posts, 0 answers
  1. Scott Laughton
    Scott Laughton avatar
    14 posts
    Member since:
    Feb 2006

    Posted 02 Feb 2010 Link to this post

    Hi there,
    The Visual Style Builder looks great, however the control I want to customize a skin for does not seem to be working.  I do the following:

    • Click the New Skin link.
    • Enter a Skin Name, select a Base Skin, I want to use Forest. (but I have tried others and get the same results), put a tick in the PanelBar control checkbox and press the Create button.
    • Once the Style Builder loads I click the Fine-tune tab and then once that loads I click the Child Items button.
    • I then go through each tab, (Normal, Hovered, Selected/Expanded, Disabled) and click the "remove" link in the Background - Image. (However I find if I do this in the "Normal" tab first it removes it from all the others.)

    The behavior I see is that only the thin edge on the right hand side disappears.  No mater what I do the orange bg image will not disappear.  I have tried Saving and then refreshing the page.  But I can't see a way to get rid of it.

    If i try and upload a new image, after removing the existing one, I see just the edges of it appear under the existing one that did not disappear when I removed it.

    This behavior happens in the latest FireFox and the latest IE7.

    If this is a bug when will it be fixed, and is there a work around?

    If this is not a bug, what am I doing wrong.


  2. Kamen Bundev
    Kamen Bundev avatar
    1532 posts

    Posted 05 Feb 2010 Link to this post

    Hi Scott Laughton,

    Yes, you are right - this is a bug in Visual Style Builder. There should be an additional item for the middle wrappers where the other part of the sub item background resides. I've fixed the issue here and the fix will be available with the next update of the Visual Style Builder. I've updated your Telerik points for the find. The workaround is to add this rule at the end of your skin file:
    div.RadPanelBar_[your_skin_name] .rpItem .rpGroup .rpLink .rpOut
        background-image: none;

    Sincerely yours,
    Kamen Bundev
    the Telerik team

    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Follow the status of features or bugs in PITS and vote for them to affect their priority.
Back to Top