RadSlidingPane for Windows

[Shady]

How do I remove the slider header (where the title 'More Options' and 'X' is being displayed in my code below)?

 

<telerik:RadSplitter RenderMode="Lightweight" ID="RadSplitter1" Width="100%" BorderStyle="None" BackColor="#353535" runat="server" Orientation="Horizontal">
                    <telerik:RadPane ID="RadPane1" runat="server" Width="100%" Height="25px">
                        <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="100%" SlideDirection="Top">
                            <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="More Options" Width="100%" EnableDock="false" Height="100px">
                                <div class="table">
                                    <telerik:RadPushButton ID="btnReassign" runat="server" ToolTip="Click to change the assignment of this request" Text="Reassign" Skin="Bootstrap"></telerik:RadPushButton>
                                    <telerik:RadPushButton ID="btnUpdate" runat="server" ToolTip="Click to update this request" Text="Update" Skin="Bootstrap"></telerik:RadPushButton>
                                    <telerik:RadPushButton ID="btnComplaint" runat="server" ToolTip="Click to flag this request as a complaint" Text="Complaint" Skin="Bootstrap"></telerik:RadPushButton>
                                    <telerik:RadPushButton ID="btnClose" runat="server" ToolTip="Click to complete this request" Text="Complete" Skin="Bootstrap"></telerik:RadPushButton>
                                    <telerik:RadPushButton ID="btnLogs" runat="server" ToolTip="Click to view the logs for this request" Text="Logs" Skin="Bootstrap"></telerik:RadPushButton>
                                </div>
                            </telerik:RadSlidingPane>
                        </telerik:RadSlidingZone>
                    </telerik:RadPane>
                </telerik:RadSplitter>

[Lance | Manager Technical Support]

Hello Shady,

You've submitted this question under the UI for Windows 8.1 product, however what you're mentioning below does not exist in the that product.

Looking at the code, i suspect you are using the UI for ASP.NET AJAX product. Can you confirm this is the case? Also, what version of UI for ASP.NET AJAX are you using?

Once you reply, I will switch this thread so that the proper team can review your question.

Regards,
Lance | Tech Support Engineer, Sr.
Telerik by Progress

[Shady]

Using the latest version of UI for ASP.NET AJAX (just bought it last week)

[Marin Bratanov]

Hi,

The sliding panes headers are designed as part of the UI of the control and they cannot be removed.

You can hide all of them with CSS (an example is available below) but I cannot guarantee this will not cause issues. Also, the rule below will hide all sliding panes' headers, not just one of the panes.

<style>
    .rspSlideHeader
    {
        display: none;
    }
</style>
<telerik:RadSplitter RenderMode="Lightweight" ID="RadSplitter1" Width="100%" BorderStyle="None" BackColor="#353535" runat="server" Orientation="Horizontal">
    <telerik:RadPane ID="RadPane1" runat="server" Width="100%" Height="25px">
        <telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" Width="100%" Height="22px" SlideDirection="Bottom">
            <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="More Options" Width="100%" EnableDock="false" Height="100px">
                <div class="table">
                    <telerik:RadPushButton ID="btnReassign" runat="server" ToolTip="Click to change the assignment of this request" Text="Reassign" Skin="Bootstrap"></telerik:RadPushButton>
                    <telerik:RadPushButton ID="btnUpdate" runat="server" ToolTip="Click to update this request" Text="Update" Skin="Bootstrap"></telerik:RadPushButton>
                    <telerik:RadPushButton ID="btnComplaint" runat="server" ToolTip="Click to flag this request as a complaint" Text="Complaint" Skin="Bootstrap"></telerik:RadPushButton>
                    <telerik:RadPushButton ID="btnClose" runat="server" ToolTip="Click to complete this request" Text="Complete" Skin="Bootstrap"></telerik:RadPushButton>
                    <telerik:RadPushButton ID="btnLogs" runat="server" ToolTip="Click to view the logs for this request" Text="Logs" Skin="Bootstrap"></telerik:RadPushButton>
                </div>
            </telerik:RadSlidingPane>
        </telerik:RadSlidingZone>
    </telerik:RadPane>
    <telerik:RadPane runat="server" ID="contentPane" Width="100%" Height="300px">
    content
    </telerik:RadPane>
</telerik:RadSplitter>

Regards,

Marin Bratanov
Telerik by Progress