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

Splitter applying additional styling to some elements in IE

1 Answer 35 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
James
Top achievements
Rank 1
James asked on 28 Jul 2015, 11:44 PM

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>

1 Answer, 1 is accepted

Sort by
0
Plamen Lazarov
Telerik team
answered on 31 Jul 2015, 08:47 AM

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!
 
Tags
Splitter
Asked by
James
Top achievements
Rank 1
Answers by
Plamen Lazarov
Telerik team
Share this question
or