RadHTMLPlaceHolder control displays website outside the boundary of the radwindow

19 posts, 1 answers
  1. Tai
    Tai avatar
    73 posts
    Member since:
    Jun 2010

    Posted 24 Jan 2011 Link to this post

    Hi
    Picture included
    I am using the version 2010.3.1304.1040 ( can't use the newest version 2010.3.1314.1040 because there is a bug with the RadDomainDataSource which i am going to report soon).

    if i run with IE 8, then i always get the problem "out boundary of the radwindow as u can see on the picture". But the no problem when i run on firefox or chrome. However, most of my clients will use IE so i need to find a way to fix this problem

    Note: about the bug of the newest version for the RadDomainDataSource. It failed basic scene about loading. I want to have a radcombobox & radgridview. Basically, when the selection changed event of the radcombobox fired , the radgridview will use the radcombobox.selectedValue as a parameter for its query parameter to call a domainService to retrieve the new data for the radgridview. It works fine in the old version but not for the official release one

    this is the code of my default.html ( i did follow ur instruction on the help website)
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <head>
        <title>SilverFinancials</title>
        <style type="text/css">
            html, body
            {
                height: 100%;
               
            }
            body
            {
                overflow:auto;
                padding: 0;
                margin: 0;
            }
            #silverlightControlHost
            {
                height: 100%;
                text-align: center;
            }
        </style>
        <script type="text/javascript" src="Silverlight.js"></script>
        <script type="text/javascript">
            function onSilverlightError(sender, args) {
                var appSource = "";
                if (sender != null && sender != 0) {
                    appSource = sender.getHost().Source;
                }
     
                var errorType = args.ErrorType;
                var iErrorCode = args.ErrorCode;
     
                if (errorType == "ImageError" || errorType == "MediaError") {
                    return;
                }
     
                var errMsg = "Unhandled Error in Silverlight Application " + appSource + "\n";
     
                errMsg += "Code: " + iErrorCode + "    \n";
                errMsg += "Category: " + errorType + "       \n";
                errMsg += "Message: " + args.ErrorMessage + "     \n";
     
                if (errorType == "ParserError") {
                    errMsg += "File: " + args.xamlFile + "     \n";
                    errMsg += "Line: " + args.lineNumber + "     \n";
                    errMsg += "Position: " + args.charPosition + "     \n";
                }
                else if (errorType == "RuntimeError") {
                    if (args.lineNumber != 0) {
                        errMsg += "Line: " + args.lineNumber + "     \n";
                        errMsg += "Position: " + args.charPosition + "     \n";
                    }
                    errMsg += "MethodName: " + args.methodName + "     \n";
                }
     
                throw new Error(errMsg);
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server" style="height: 100%">
        <div id="silverlightControlHost">
            <object data="data:application/x-silverlight-2," type="application/x-silverlight-2"
                width="100%" height="100%">
                <param name="source" value="ClientBin/SilverFinancials.xap" />
                <param name="onError" value="onSilverlightError" />
                <param name="background" value="white" />
                <param name="windowless" value="true"/>
                <param name="minRuntimeVersion" value="4.0.50401.0" />
                <param name="autoUpgrade" value="true" />
                <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.50401.0" style="text-decoration: none">
                    <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="Get Microsoft Silverlight"
                        style="border-style: none" />
                </a>
            </object>
            <iframe id="_sl_historyFrame" style="visibility: hidden; height: 0px; width: 0px;
                border: 0px"></iframe>
        </div>
        </form>
    </body>
    </html>

    this is the code  for my RadHTMLPlaceHolder
    <UserControl x:Class="SilverFinancials.Windows.SystemEI"
         
                 xmlns:telerik="http://schemas.telerik.com/2008/xaml/presentation"
                        
         
        >
        
     
       
        <Grid x:Name="LayoutRoot" Background="White">
            <telerik:RadHtmlPlaceholder x:Name="RadHtmlPlaceholder1" RespectSilverlightLayoutMeasure="True" SourceUrl="http://www.google.com" />
             
        </Grid>
    </UserControl>


    This is my code behind
    namespace SilverFinancials.Windows
    {
        public partial class SystemEI : UserControl
        {
            public SystemEI()
            {
                 
                InitializeComponent();
            }
     
           
        }
    }


    Finally, this is the code to show the radwindow which contains the placeholder
    private void SystemEI_Click(object sender, Telerik.Windows.RadRoutedEventArgs e)
           {
               RadWindow systemEI = new RadWindow();
               systemEI.Header = "System EI";
               systemEI.Content = new SystemEI();
              
               systemEI.Show();
               
           }

  2. Answer
    Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 27 Jan 2011 Link to this post

    Hi Tai,

    Unfortunately I couldn't reproduce the HtmlPlaceHolder issue. Can you please have a look at the attached sample and let me know if I am missing something.

    As for the RadDomainDataSource control, can you test your scenario with the latest internal build and let us know if you still experience this issue?

    Thank you in advance.

    Kind regards,
    Tina Stancheva
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  3. DevCraft banner
  4. Tai
    Tai avatar
    73 posts
    Member since:
    Jun 2010

    Posted 27 Jan 2011 Link to this post

    Hi Tina

    looked at ur sample project, and it does look the same to mine 
    yours run fine but not for mine
    However, one interesting thing is that if i let my project run on my friend's computer then it runs fine???
    so confusing here
    anyway, it is a good news that my code still runs fine on other's computer. If my client has experience this issue, then i will back to this post again
    or wait for the new release

    thank you
  5. Robert
    Robert avatar
    15 posts
    Member since:
    Aug 2011

    Posted 30 Aug 2012 Link to this post

    Hi Tina,

    using your project, html content of radhtmplaceholder is shifted to the left and up outside the border of the radwindow.

    Same problem as Tai.

    Using windows7, telerik 2011.2.712.1040

    Robert

  6. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 04 Sep 2012 Link to this post

    Hi Robert,

    I am only able to reproduce this issue when the RadWindow is moved outside the bounds of the browser. This is why I logged this as a bug in our PITS. But if you've reproduced the issue in another scenario, please send us a screencast or steps to reproduce so that we can update the item accordingly.

    Also, as your report helped us identify the issue with the RadWindow being moved outside the boundaries of the browser, I updated your Telerik account accordingly.

    Regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  7. Joe
    Joe avatar
    1 posts
    Member since:
    Nov 2009

    Posted 12 Mar 2013 Link to this post

    Hi Tina,

    I too had some users experiencing the same issues as posted by Robert and Tia, and I could reproduce it by changing the zoom level of the browser itself.  In internet explorer, if the zoom level is 100%, the alignment of the IFrame is perfect. However, if you change this to 90%, or 110%, you'll notice the IFrame start moving outside of the radwindow, gradually as you increase/decrease the zoom.

    I noticed you weren't able to reproduce this, not sure if you have or if this has been fixed in the latest version?

    Thanks
    -Joe
  8. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 15 Mar 2013 Link to this post

    Hello Joe,

    We have logged two separate tasks regarding this case - the first one is related to the zoom settings of the browser and you can track its progress here, while the other one is related to the case where the RadWindow is moved outside the bounds of the browser (logged here).

    Unfortunately both issues aren't fixed yet and I cannot bind to any time-frames but you can vote for them and track their progress in PITS.

    Regards,
    Tina Stancheva
    the Telerik team

    Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

  9. Renato
    Renato avatar
    2 posts
    Member since:
    Oct 2010

    Posted 24 Jul 2014 in reply to Tina Stancheva Link to this post

    Hi all,

    any news about this issue?
    Some other hints:
    the wrong content offset is related to the radwindow position, so dragging the window on the top left corner of the silverlight object the content positioning is correct (0,0), moving the window to the center and to the bottom right corner the positioning offset increases.

    I hope this could help to solve the issue.
  10. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 29 Jul 2014 Link to this post

    Hi Renato,

    I am happy to inform you that this issue is actually already fixed. You can find it logged in our feedback portal

    Please test it with our latest official binaries and let us know if you encounter any other issues.

    Regards,
    Pavel R. Pavlov
    Telerik
     
    Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
     
  11. Jérôme
    Jérôme avatar
    5 posts
    Member since:
    Sep 2012

    Posted 28 Oct 2014 Link to this post

    Hi,
    The problem mentionned above doesn't seem fixed. We have exactly the same issue with our project although we're using Telerik UI for Silverlight 2014 Q2. May the version of Internet Explorer cause this strange behavior ?
    I joined a simple code and its result with IE 9 and a zoom at 125%.
    Thank you for yours advices,
    Jerome
  12. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 30 Oct 2014 Link to this post

    Hi,

    I tried to reproduce the reported behavior on our side with our latest official release and it seems that the code works as expected. The RadHtmlPlaceholder is not misplaced in zoomed IE9.

    However, I see in the provided snippet that the RadWindow control is not properly used. You should integrate the RadWindow and the RadHtmlPlaceholder as described in this article. 

    Please give this approach a try and let us know if you need any further assistance.

    Regards,
    Pavel R. Pavlov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  13. Jérôme
    Jérôme avatar
    5 posts
    Member since:
    Sep 2012

    Posted 03 Nov 2014 in reply to Pavel R. Pavlov Link to this post

    Hi Pavel,

    Thanks for yours advices. I made a project with the exact snippet described in the article you mentionned and I cannot make it work !
    The RadHtmlPlaceHolder object is at first hidden (I guess) but when I move around the RadWindow object, it suddenly appears !
    I attached the result when I click on the button and after I moved around the RadWindow object (IE 9 / 125%).
    Any ideas ?
  14. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 05 Nov 2014 Link to this post

    Hi,

    I am sending you a project demonstrating how the RadHtmlPlaceholder should be integrated with our RadWindow control. This project is working as it is expected on our side. The placeholder is properly visualized inside zoomed browser at 125%. Please give it a try with our latest official release and let me know if you need any further assistance.

    Regards,
    Pavel R. Pavlov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  15. Jérôme
    Jérôme avatar
    5 posts
    Member since:
    Sep 2012

    Posted 05 Nov 2014 in reply to Pavel R. Pavlov Link to this post

    Hi Pavel,

    I am sorry to tell you that your project didn't work either ! Every time I move around the RadWindow control, the HtmlPlaceHolder control is displayed outside the boundary of the RadWindow. It sometimes disappears totally. My Telerik controls are in version 2014.2.729.1050. Did you try moving the RadWindow ? Should I upgrade to 2014 Q3 ? I haven't seen anything in this release about RadWindow or RadHtmlPlaceHolder.
    Thanks.
  16. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 07 Nov 2014 Link to this post

    Hello,

    In my reply from 30-Oct-2014 I stated that I tried the project with our latest official release this means our 2014 Q3 release. You can see how I tried to reproduce the issue in the earlier provided project in this screencast. This issue actually was fixed in our previous releases. The fix was not provided in our 2014 Q3. I am not sure why it can be reproduced on your side. Could you please provide us with further details about your PC (.NET version, OS version, browser version, Silverlight version)? There should be something forcing the RadHtmlPlaceholder to be misplaced.

    Regards,
    Pavel R. Pavlov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  17. Jérôme
    Jérôme avatar
    5 posts
    Member since:
    Sep 2012

    Posted 07 Nov 2014 in reply to Pavel R. Pavlov Link to this post

    Hi,

    These are the details about my configuration
     - Windows 7 Enterprise 64 bits
     - IE 9.0.8112.16421
     - Silverlight version 5.1.30514.0

    There are others settings in my enterprise GPO but I don't know them : either way I can't change them.
    Thanks for your help,

    Jérôme
  18. Jérôme
    Jérôme avatar
    5 posts
    Member since:
    Sep 2012

    Posted 07 Nov 2014 in reply to Jérôme Link to this post

    Hi,

    I installed IE 11 but there is no difference. I still have this weird behavior but I found something with the DOM Inspector.
    When I move the Radwindow around, the RadHtmlPlaceHolder disappears because it gets an offset of -10000 !
    I attached the output of the DOM Inspector.

    Jérôme
  19. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 12 Nov 2014 Link to this post

    Hi,

    I will try to explain what you see in the DOM inspector. By default the Silverlight cannot host HTML content. This is why we use frame to host the HTML on top of the Silverlight plugin. It literally stands on top of everything inside the Silverlight. This brings issues such as controlling the visibility of the HTML content. What we do to hide the frame is to shift it to the far left so that it will be out of the viewport of the end user.

    Also it is important to keep in mind that when the RadHtmlPlaceholer is hosted inside a RadWindow, we hide it every time when the window moves. This allows us to properly position the placeholder inside the window after every user action.

    The good news is that we reproduced the issue on our side in Windows7 OS. The most obvious reason behind the issue is a bug in our RadWindow. We will investigate this case and will further contact you with more information.

    Regards,
    Pavel R. Pavlov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  20. Pavel R. Pavlov
    Admin
    Pavel R. Pavlov avatar
    1182 posts

    Posted 13 Nov 2014 Link to this post

    Hi Jérôme,

    We confirm that the issue behind the reported behavior is the already logged bug that I earlier referenced. The RadHtmlPlaceholder subscribes to the events of the RadWindow and relies on them to hide and visualize itself following the earlier explained approach.

    However, the RadWindow does not invoke its LayoutChangeEnded event for all its actions. This forces the RadHtmlPlaceholder to stay hidden. We scheduled this bug for investigation for the next week. We will look for a possible fix. If there is an easy fix we will provide it. Unfortunately, we cannot bind to any timeframe for fixing this issue.

    Please follow the feedback item to be notified about any changes on this matter.

    Regards,
    Pavel R. Pavlov
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
     
Back to Top
DevCraft banner