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

How to float slider icon to the right

1 Answer 76 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
S
Top achievements
Rank 1
S asked on 15 Aug 2011, 08:09 PM
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?

1 Answer, 1 is accepted

Sort by
0
Niko
Telerik team
answered on 16 Aug 2011, 09:42 AM
Hello,

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();
    element.style.left = "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:
.RadSplitter
{
    position: relative;
}
Please, note that there may be cases when this may not work 100% as this is a custom solution.

Hope this helps.

Regards,
Niko
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.

Tags
Splitter
Asked by
S
Top achievements
Rank 1
Answers by
Niko
Telerik team
Share this question
or