Slider Top Border

5 posts, 0 answers
  1. Jason Bourdette
    Jason Bourdette avatar
    77 posts
    Member since:
    Jan 2010

    Posted 29 Oct 2015 Link to this post

    I'm using a slider with a tab control inside the slider, and i'd like to turn off the 1px border that runs along the top of the slider, but keep the side and bottom borders. thanks!

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 30 Oct 2015 Link to this post

    Hello Jason,

    Are you, per chance, referring to a RadSlidingPane in a RadSplitter? I am asking because I am not sure how you could add a RadTabStrip inside a RadSlider control. Thus, can you post a simple runnable version of your markup so we can see what is going on?

    In the meantime, I can suggest inspecting the rendered HTML with the browser dev toolbar so you can find a CSS Rule that will override the built-in border in order to remove it.

    Regards,

    Marin Bratanov
    Telerik
    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. UI for ASP.NET Ajax is Ready for VS 2017
  4. Jason Bourdette
    Jason Bourdette avatar
    77 posts
    Member since:
    Jan 2010

    Posted 30 Oct 2015 in reply to Marin Bratanov Link to this post

    Sorry, I should have been more clear. I'm using an outer splitter to divide the page into a right/left side. Inside the splitter are RadPanes with a RadTabStrip on the right side slider and a RadMultiPage control.

    When looking at the debug tools in Chrome is show the 1px border is coming from a table element with id=RadSplitter_ct100_contentplaceholder1_innersplitter" class="RadSplitter RadSplitter_Windows7"

     I tried overriding that class with my own style but it didn't work. thanks

  5. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 30 Oct 2015 Link to this post

    Hi Jason,

    I suppose that the following code can be used to remove th border:

    function OnClientLoad(sender, args) {
        $telerik.$("table", sender.get_element()).first().css("border-top", "0");
    }

    where this is attached to the OnClientLoad event of the splitter. It gets the table that has this border and removes it.

    If this does not help, I would advise that you post some markup that showcases the problem. Here is the full code I used for testing so you can use that as base:

    <script>
        function OnClientLoad(sender, args) {
            $telerik.$("table", sender.get_element()).first().css("border-top", "0");
        }
    </script>
    <telerik:RadSplitter ID="RadSplitter1" runat="server" OnClientLoad="OnClientLoad">
        <telerik:RadPane ID="RadPane1" runat="server" Width="30%">left pane</telerik:RadPane>
        <telerik:RadPane ID="RadPane2" runat="server" Width="70%">
            <telerik:RadTabStrip runat="server" ID="RadTabStrip1" MultiPageID="RadMultiPage1">
                <Tabs>
                    <telerik:RadTab Text="first"></telerik:RadTab>
                    <telerik:RadTab Text="second"></telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
            <telerik:RadMultiPage runat="server" ID="RadMultiPage1">
                <telerik:RadPageView runat="server" ID="RadPageView1">
                    pageView 1
                </telerik:RadPageView>
                <telerik:RadPageView runat="server" ID="RadPageView2">
                    pageView 2
                </telerik:RadPageView>
            </telerik:RadMultiPage>
        </telerik:RadPane>
    </telerik:RadSplitter>


    Regards,

    Marin Bratanov
    Telerik
    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
  6. Jason Bourdette
    Jason Bourdette avatar
    77 posts
    Member since:
    Jan 2010

    Posted 30 Oct 2015 in reply to Marin Bratanov Link to this post

    Thanks!! That works. I was hoping for something server side? either a property of the slider/pane, or some way to modify the style sheet server side. Thanks
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017