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
    Admin
    Magdalena avatar
    421 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;
    }

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