Vertically centered SlidingZone?

2 posts, 0 answers
  1. Rebekka
    Rebekka avatar
    1 posts
    Member since:
    Apr 2012

    Posted 10 Apr 2012 Link to this post


    Is it possible to vertically center a SlidingZone, so the icons of the panes are shown in the middle of the page? The content of the sliding panes should still open on top of the page, only the icons should be centered.
    I guess I probably have to do this in CSS, but I can't figure out how to do this without centering the sliding panes as well. Or is there any easier way to realize this? Could someone help me?

    Thanks in advance
  2. Dobromir
    Dobromir avatar
    1633 posts

    Posted 11 Apr 2012 Link to this post

    Hi Rebekka,

    RadSplitter does not offer the required functionality out-of-the-box, and is not supported feature. Nevertheless, you can achieve the required result using the following CSS, but it may cause unexpected side effects:
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
    <style type="text/css">
        #<%=RadSplitter1.ClientID %> .RadSplitter .rspTabsContainer
            vertical-align: middle;
        #<%=RadSplitter1.ClientID %> .RadSplitter .rspTabsContainer .rspPaneTabContainer
            border-top: 1px solid #828282;         

    Please note that this will affect all sliding zones of the splitter with ID= RadSplitter1 and all splitter's nested inside it

    the Telerik team
    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 their blog feed now.
Back to Top