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

HTMLPlaceHolder issue when zooming on IE

1 Answer 52 Views

HTMLPlaceHolder

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

Jerome MAILLEY asked on 04 Feb 2015, 11:10 AM

htmlplaceholderissue.png

Hi,

I'm using the latest version (2014.3.1402.1050) of your dll for Silverlight.

I have noticed an issue with the HTMLPlaceHolder control that I use in my project. Indeed, when I open it on IE11 and change zoom value in IE settings menu, the control is not displayed well. In fact the embedded html code has a vertical and horizontal offset which increase when zoom value moves away from 100%.

Here is my code :

Default.aspx :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head>

<title>RadHtmlPlaceholderAndJavascript</title>

<style type="text/css">

html, body {

height: 100%;

overflow: auto;

}

body {

padding: 0;

margin: 0;

}

#silverlightControlHost {

height: 100%;

}

</style>

<script type="text/javascript" src="Silverlight.js"></script>

</head>

<body>

<!-- Runtime errors from Silverlight will be displayed here.

This will contain debugging information and should be removed or hidden when debugging is completed -->

<div id='errorLocation' style="font-size: small;color: Gray;"></div>

<div id="silverlightControlHost">

<object data="data:application/x-silverlight-2," type="application/x-silverlight-2" width="100%" height="100%">

<param name="source" value="ClientBin/RadHtmlPlaceholderAndJavascript.xap"/>

<param name="onerror" value="onSilverlightError" />

<param name="background" value="white" />

<param name="minRuntimeVersion" value="2.0.31005.0" />

<param name="autoUpgrade" value="true" />

<a href="http://go.microsoft.com/fwlink/?LinkID=124807" style="text-decoration: none;">

<img src="http://go.microsoft.com/fwlink/?LinkId=108181" alt="Get Microsoft Silverlight" style="border-style: none"/>

</a>

</object>

<iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>

</div>

</body>

</html>

Page.xaml

<UserControl x:Class="RadHtmlPlaceholderAndJavascript.Page"

xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls"

>

<Grid x:Name="LayoutRoot" Background="White">

<Grid.RowDefinitions>

<RowDefinition Height="100"/>

<RowDefinition Height="*"/>

<RowDefinition Height="30"/>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

<ColumnDefinition Width="200"/>

<ColumnDefinition Width="*"/>

</Grid.ColumnDefinitions>

<Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Background="#c0392b">

<TextBlock Text="RadHtmlPlaceholder zoom issue" Foreground="White"></TextBlock>

</Border>

<Border Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="1" Background="#c0392b" Margin="10">

<TextBlock Text="Menu" Foreground="White"></TextBlock>

</Border>

<Border Margin="10" BorderBrush="Black" BorderThickness="1" Grid.Row="1" Grid.Column="1" Grid.ColumnSpan="1">

<telerik:RadHtmlPlaceholder x:Name="RadHtmlPlaceholder1" SourceUrl="SimplePage.html" />

</Border>

<Border Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Background="#c0392b" Margin="10">

<TextBlock Text="Footer" Foreground="White"></TextBlock>

</Border>

</Grid>

</UserControl>

SimplePage.html :

<html>

<head>

<style>

body {

background-color: #ecf0f1;

}

</style>

</head>

<body>

<h1>Rad html placeholder</h1>

</body>

</html>

The html code included in the HTMLPlaceHolder has a grey background to facilitate visualization.

I hope you will help me,

Best regards,

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

HTMLPlaceHolder issue when zooming on IE

1 Answer, 1 is accepted