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

RadSlidingPane for Windows

3 Answers 11 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Shady
Top achievements
Rank 1
Shady asked on 18 Nov 2016, 06:14 PM

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>

3 Answers, 1 is accepted

Sort by
0
Lance | Manager Technical Support
Telerik team
answered on 21 Nov 2016, 02:51 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Shady
Top achievements
Rank 1
answered on 21 Nov 2016, 04:13 PM
Using the latest version of UI for ASP.NET AJAX (just bought it last week)
0
Accepted
Marin Bratanov
Telerik team
answered on 22 Nov 2016, 09:07 AM

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
Telerik UI for ASP.NET AJAX is ready for Visual Studio 2017 RC! Learn more.
Tags
Splitter
Asked by
Shady
Top achievements
Rank 1
Answers by
Lance | Manager Technical Support
Telerik team
Shady
Top achievements
Rank 1
Marin Bratanov
Telerik team
Share this question
or