Vertically centered SlidingZone?

[Rebekka]

Hello,

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
Rebekka

[Dobromir]

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;
    }
</style>
</telerik:RadCodeBlock>

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

Regards,
Dobromir
the Telerik team