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

Drag and Drop Tabs to Reorder Indicators

1 Answer 30 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Jerry
Top achievements
Rank 1
Jerry asked on 21 Jul 2013, 11:23 PM
We are using a custom skin in our application. I want to show indicators on dragging of tab to new position to reorder.

If i use telerik skin "Silk" by default indicators are visible. How to implement this in  custom skin scenerio. 
Please see the attached image.

 <telerik:RadTabStrip runat="server" ID="tbTabs"   Align="Left"   EnableDragToReorder= "true" Skin="customSkin"  EnableEmbeddedSkins="false" />

1 Answer, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 24 Jul 2013, 11:54 AM
Hello Jerry,

To implement an indicators on dragging of tab to new position to reorder, please add the image in the attachment to your project and apply the following CSS
html .rtsDropClue {
    background-image: url('images/rtsDropClue.png');
}
 
 
html .rtsDropClueTop {
    background-position: 0 -65px;
}
html .rtsDropClueRight {
    background-position: 0 -117px;
}
html .rtsDropClueBottom {
    background-position: -3px -20px;
}
html .rtsDropClueLeft {
    background-position: 3px -167px;
}

IMPORTANT
: Please, make sure the url of the background image is customized to your project

Regards,
Magdalena
Telerik
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 the blog feed now.
Tags
TabStrip
Asked by
Jerry
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Share this question
or