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

10 posts, 0 answers
  1. Michael
    Michael avatar
    18 posts
    Member since:
    Oct 2007

    Posted 20 Jan 2009 Link to this post

    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
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 21 Jan 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Officialboss
    Officialboss avatar
    43 posts
    Member since:
    Jan 2008

    Posted 22 Jan 2009 Link to this post

    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
  5. Greg
    Greg avatar
    1 posts
    Member since:
    Feb 2009

    Posted 03 Feb 2009 Link to this post

    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'.
  6. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 03 Feb 2009 Link to this post

    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.
  7. Gokul
    Gokul avatar
    11 posts
    Member since:
    Jul 2006

    Posted 15 Jun 2009 Link to this post

    Do you have a solution to this problem?

    Thanks,
    Gokul
  8. Klaas Hulder
    Klaas Hulder avatar
    2 posts
    Member since:
    Jun 2009

    Posted 16 Jun 2009 Link to this post

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

    Thanks
    Klaas.
  9. Gokul
    Gokul avatar
    11 posts
    Member since:
    Jul 2006

    Posted 16 Jun 2009 Link to this post

    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
  10. Klaas Hulder
    Klaas Hulder avatar
    2 posts
    Member since:
    Jun 2009

    Posted 16 Jun 2009 Link to this post

    Gokul,

    This works fine for height but not for width.

    Thanks for the reply anyway.

    Klaas
  11. Gokul
    Gokul avatar
    11 posts
    Member since:
    Jul 2006

    Posted 16 Jun 2009 Link to this post

    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>
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017