Drag and Drop Tabs to Reorder Indicators

2 posts, 0 answers
  1. Jerry
    Jerry avatar
    16 posts
    Member since:
    Aug 2012

    Posted 21 Jul 2013 Link to this post

    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" />
  2. Magdalena
    Magdalena avatar
    413 posts

    Posted 24 Jul 2013 Link to this post

    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;

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

    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.
  3. DevCraft R3 2016 release webinar banner
Back to Top