RadSplitter 100% Width + Height in Internet Explorer 8 - IE8

[Michael]

Hi Guys,

I'm sure you are probably aware of this but thought I would drop you a line about it anway.

I downloaded IE8 today to have a quick play around with it and have noticed that in my projects where I have a RadSplitter set to 100% Width and 100% Height, they do not resize when I resize the browser window.

They work find in IE7/Firefox/Chrome etc, but not in IE8.  This might be a bug in IE8 being as its still in Beta but thought you might want to take a look anyway.

Let me know if you need any more info.

Thanks

Mike

[Svetlina Anati]

Hello Michael,

Thank you for reporting this problem, we will keep it in mind. We were able to reproduce the problem in one of our online demos but with the very same code and configuration we could not replicate the problem locally. We believe that this is because of IE8 still being Beta - when it is officially released we will investigate the matter further.

Thank you again for your cooperation, it is highly appreciated.

All the best,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Officialboss]

Mike, can you please post your code of the splitter and any css to show how you have made it work with 100% width and height in FF.
Thanks

[Greg]

The reason you could not reproduce the problem locally is because IE8 defaults to Compatibility View on localhost.

Go to Tools > Compatibility View Settings and uncheck "Display intranet sites in Compatibility View'.

[Svetlina Anati]

Hi Greg,

Thank you for your report, we will consider this when working and extensively testing the RadSplitter under IE8. However, since this browser is still not officially released, we do not plan to change the RadControls code according to it and we are logging possible problems for future consideration.

Thank you again for your cooperation, it is highly appreciated and we will be glad to have it in the future, too!

Best wishes,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Gokul]

Do you have a solution to this problem?

Thanks,

Gokul

[Klaas Hulder]

We have the same issue. Are you already working on this?

Thanks
Klaas.

[Gokul]

Luckily found a solution to this problem.

The idea is that all the parent elements to the radsplitter should have the height or width set to 100%. I had the problem with height and I fixed with the code below. Hope this snippet should work for width also. 

use this css settings in your aspx page

<style type="text/css">

        html, body, form    

    {    

        height: 100%;    

        width: 100%; 

        margin: 0px;    

        padding: 0px;    

        overflow: hidden;    

    }  

</script>

HTH

Gokul

[Klaas Hulder]

Gokul,

This works fine for height but not for width.

Thanks for the reply anyway.

Klaas

[Gokul]

Hi Klaas,

The below is how I am using RadSplitter. With the settings mentioned I am able to get 100% width in IE8 during resize as well as the height issue is resolved after adding the CSS fix I mentioned in my previous post.

Thanks,

Gokul

  <radspl:RadSplitter id="RadSplitter1" runat="server" height="90%" Width="100%">

                <radspl:RadPane id="LeftPane" runat="server" width="50%">

                        <table style="width: 100%;">....</table>

 </radspl:RadPane>

                <radspl:RadSplitBar id="RadSplitbar1" runat="server"/>

                <radspl:RadPane id="RightPane" runat="server" width="50%">

                    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

                </radspl:RadPane>

            </radspl:RadSplitter>