How to float slider icon to the right

2 posts, 0 answers
  1. S
    S avatar
    6 posts
    Member since:
    Aug 2011

    Posted 15 Aug 2011 Link to this post

    My slider icon is left aligned inside my radpane (horizontal, and it opens to the bottom).

    How can I right align the icon that opens that when clicked expands the slider?
  2. Niko
    Niko avatar
    383 posts

    Posted 16 Aug 2011 Link to this post


    The thing that you wish to accomplish is not a straight-forward and easy task. First of all you need to position the sliding zone to the right. Here is a sample CSS for that:
    .RadSplitter .rspSlideZone
        width: auto !important;
        float: right;
    Then you should update the position of the expanding sliding pane in the OnClientExpanded event handler:
    function updatePanePosition(pane, args)
        var element = pane.get_element(); = "0";
    Finally, in order to make the expanded pane align with the splitter, your best option is to set the position of the splitter to relative:
        position: relative;
    Please, note that there may be cases when this may not work 100% as this is a custom solution.

    Hope this helps.

    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. DevCraft R3 2016 release webinar banner
Back to Top