This is a migrated thread and some comments may be shown as answers.

Create Bar Affected by Skin

2 Answers 13 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Ron
Top achievements
Rank 2
Ron asked on 04 Aug 2010, 05:42 PM
Hello,

I am looking to replicate the skin of the panelbar to a div on my page so that it's look will stay consistent and change to whichever skin is selected by the user.  Is there anyway to apply the skin to the div at all?  I am trying to get it to replicate a root group item.

Thanks,
Ron Montecalvo

2 Answers, 1 is accepted

Sort by
0
Accepted
Kamen Bundev
Telerik team
answered on 10 Aug 2010, 09:43 AM
Hello Ron,

You can try and replicate the RadPanelbar structure and the classes assigned to it in order to achieve similar look. You will need the RadPanelBar RadPanelBar_[Skin] container plus .rpRootGroup and the first item elements. Something like this:
<div class="RadPanelBar RadPanelBar_Windows7">
    <ul class="rpRootGroup">
        <li class="rpItem rpFirst">
            <a class="rpLink rpDisabled" href="javascript: void(0);">
                <span class="rpOut">
                    <img class="rpImage" src="TestResources/icons_16x16/action_back.gif" alt="">
                    <span class="rpText" style="color: #333">Header</span>
                </span>
            </a>
            <div style="height: 100px">
                Content...
            </div>
        </li>
    </ul>
</div>    


Remove the image if you don't need it.

Sincerely yours,
Kamen Bundev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Ron
Top achievements
Rank 2
answered on 11 Aug 2010, 02:46 PM
This worked perfectly, thank you very much.  I was initially trying something along these lines but I was missing some of the structure.
Tags
General Discussions
Asked by
Ron
Top achievements
Rank 2
Answers by
Kamen Bundev
Telerik team
Ron
Top achievements
Rank 2
Share this question
or