RadSlidingPane for Windows

Thread is closed for posting
4 posts, 1 answers
  1. Shady
    Shady avatar
    13 posts
    Member since:
    Oct 2016

    Posted 18 Nov 2016 Link to this post

    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>

  2. Lance | Tech Support Engineer, Sr.
    Admin
    Lance | Tech Support Engineer, Sr. avatar
    419 posts

    Posted 21 Nov 2016 Link to this post

    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
  3. Shady
    Shady avatar
    13 posts
    Member since:
    Oct 2016

    Posted 21 Nov 2016 in reply to Lance | Tech Support Engineer, Sr. Link to this post

    Using the latest version of UI for ASP.NET AJAX (just bought it last week)
  4. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    3899 posts

    Posted 22 Nov 2016 Link to this post

    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.
Back to Top