HTMLPlaceHolder issue when zooming on IE

2 posts, 0 answers
  1. Jerome MAILLEY
    Jerome MAILLEY avatar
    13 posts
    Member since:
    Jul 2009

    Posted 04 Feb 2015 Link to this post


    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" "">
    <!-- saved from url=(0014)about:internet -->
        <style type="text/css">
        html, body {
            height: 100%;
            overflow: auto;
        body {
            padding: 0;
            margin: 0;
        #silverlightControlHost {
            height: 100%;
        <script type="text/javascript" src="Silverlight.js"></script>
        <!-- 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="" style="text-decoration: none;">
                    <img src="" alt="Get Microsoft Silverlight" style="border-style: none"/>
            <iframe style='visibility:hidden;height:0;width:0;border:0px'></iframe>


    <UserControl x:Class="RadHtmlPlaceholderAndJavascript.Page"
        <Grid x:Name="LayoutRoot" Background="White">
                <RowDefinition Height="100"/>
                <RowDefinition Height="*"/>
          <RowDefinition Height="30"/>
          <ColumnDefinition Width="200"/>
          <ColumnDefinition Width="*"/>
        <Border Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2" Background="#c0392b">
          <TextBlock Text="RadHtmlPlaceholder zoom issue" Foreground="White"></TextBlock>
        <Border Grid.Row="1" Grid.Column="0" Grid.ColumnSpan="1" Background="#c0392b" Margin="10">
          <TextBlock Text="Menu" Foreground="White"></TextBlock>
            <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 Grid.Row="2" Grid.Column="0" Grid.ColumnSpan="2" Background="#c0392b" Margin="10">
          <TextBlock Text="Footer" Foreground="White"></TextBlock>

    SimplePage.html :

                body {
                    background-color: #ecf0f1;
            <h1>Rad html placeholder</h1>

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

    I hope you will help me,

    Best regards,
  2. Zarko
    Zarko avatar
    755 posts

    Posted 06 Feb 2015 Link to this post

    Hello Jerome,
    Thank you for the feedback. It really seems that there's a placement issue when the HtmlPlaceholder not in the Top/Left corner of the page. I logged this issue in our feedback portal and you can track its progress here.
    I updated your Telerik account and if you have more questions please feel free to ask.


    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.

  3. DevCraft banner
Back to Top