Splitter applying additional styling to some elements in IE

2 posts, 0 answers
  1. James
    James avatar
    1 posts
    Member since:
    May 2015

    Posted 28 Jul 2015 Link to this post

    I've noticed that elements (buttons, select boxes) inside the Kendo Splitter have large borders or other styling changes in IE, but not in Chrome.

    I couldn't find the cause for this by inspecting the CSS.

    How can I make my elements inside the Splitter look the same in both IE and Chrome?

     

    <!DOCTYPE html>
    <html>
    <head>
     
    </head>
    <body>
    <div id="example" style="height:300px; width: 800px">
        <div id="outsideSplitter">
            <input type="button" value="A Button"/>
            <input type="checkbox"/>
            <select style="width:120px"></select>
        </div>                         
     
        <div id="splitter" style="height: 100%; width: 100%;">
            <div id="left-pane">
                <div class="pane-content">
                    <div>
                        <input type="button" value="A Button"/>
                        <input type="checkbox"/>
                        <select style="width:120px"></select>
                    </div>                         
                </div>
            </div>
            <div id="right-pane">
                <div class="pane-content">
                    <div>
                        <input type="button" value="A Button"/>
                        <input type="checkbox"/>
                        <select style="width:120px"></select>
                    </div>  
                </div>
            </div>
        </div>
    </div>
     
    <script>
        $(document).ready(function() {
            $("#splitter").kendoSplitter({
                panes: { collapsible: true }
            });
        });
    </script>
     
    </body>
    </html>

  2. Plamen Lazarov
    Admin
    Plamen Lazarov avatar
    135 posts

    Posted 31 Jul 2015 Link to this post

    Hello James,

    Thank you for pointed our attention to this issue - I logged it in our bug tracking system and a fix will be available in one of the next internal builds. 

    As a small sign of gratitude for this involvement I updated your points.
    Regards,
    Plamen Lazarov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
Back to Top