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

RadHTMLPlaceHolder control displays website outside the boundary of the radwindow

18 Answers 243 Views
HTMLPlaceHolder
This is a migrated thread and some comments may be shown as answers.
Tai
Top achievements
Rank 1
Tai asked on 24 Jan 2011, 09:55 PM
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();
           
       }

18 Answers, 1 is accepted

Sort by
0
Accepted
Tina Stancheva
Telerik team
answered on 27 Jan 2011, 03:59 PM
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>>
0
Tai
Top achievements
Rank 1
answered on 27 Jan 2011, 10:18 PM
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
0
Robert
Top achievements
Rank 1
answered on 30 Aug 2012, 11:18 AM

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

0
Tina Stancheva
Telerik team
answered on 04 Sep 2012, 08:46 AM
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.

0
Joe
Top achievements
Rank 1
answered on 12 Mar 2013, 01:35 PM
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
0
Tina Stancheva
Telerik team
answered on 15 Mar 2013, 02:06 PM
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.

0
Renato
Top achievements
Rank 1
answered on 24 Jul 2014, 10:02 AM
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.
0
Pavel R. Pavlov
Telerik team
answered on 29 Jul 2014, 06:26 AM
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.
 
0
Jérôme
Top achievements
Rank 1
answered on 28 Oct 2014, 01:23 PM
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
0
Pavel R. Pavlov
Telerik team
answered on 30 Oct 2014, 01:49 PM
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.

 
0
Jérôme
Top achievements
Rank 1
answered on 03 Nov 2014, 01:34 PM
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 ?
0
Pavel R. Pavlov
Telerik team
answered on 05 Nov 2014, 11:47 AM
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.

 
0
Jérôme
Top achievements
Rank 1
answered on 05 Nov 2014, 01:04 PM
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.
0
Pavel R. Pavlov
Telerik team
answered on 07 Nov 2014, 08:29 AM
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.

 
0
Jérôme
Top achievements
Rank 1
answered on 07 Nov 2014, 04:11 PM
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
0
Jérôme
Top achievements
Rank 1
answered on 07 Nov 2014, 04:40 PM
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
0
Pavel R. Pavlov
Telerik team
answered on 12 Nov 2014, 02:52 PM
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.

 
0
Pavel R. Pavlov
Telerik team
answered on 13 Nov 2014, 08:52 AM
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.

 
 
Tags
HTMLPlaceHolder
Asked by
Tai
Top achievements
Rank 1
Answers by
Tina Stancheva
Telerik team
Tai
Top achievements
Rank 1
Robert
Top achievements
Rank 1
Joe
Top achievements
Rank 1
Renato
Top achievements
Rank 1
Pavel R. Pavlov
Telerik team
Jérôme
Top achievements
Rank 1
Share this question
or