Troubles with simple change of background image

2 posts, 0 answers
  1. EM-Software
    EM-Software avatar
    75 posts
    Member since:
    Feb 2010

    Posted 21 May 2015 Link to this post

    Hi,

    We have some troubles with changing of background image in the editor with IE11 and other browsers.
    The editor is picking the wrong table or cell all time.

    IE11:
    There are two tables: container and content. The container table have an background image, when we want to change it in IE11, we need to work above the content table, the sections next the content table will pick the content table instead of the container table. Please view the screencast: http://www.screencast.com/users/lej333/folders/Jing/media/1d2a1192-9a72-405c-a3f7-0b1c47bcd0f0.

    Chrome:
    Same problem but the issue is only to the left section next the content table:
    http://www.screencast.com/users/lej333/folders/Jing/media/1aaba5c2-aa5f-40ce-b927-62ac539d037e

    With the old version of the editor, we didn't had this issue and was working as expected. Since switch to the new engine not...

    Tested with your demo with the latest version, works very bad!! The content table will lose his width and the background image will be placed in the wrong cells or tables. Sometimes the editor crashes with 'access denied' in the developer console of IE11 (rule 28, char 39): 
    http://www.screencast.com/users/lej333/folders/Jing/media/7258718e-3140-4ab9-a845-9e088a3dee76

    Source used to test:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html>
        <head>
            <meta name="SKYPE_TOOLBAR" content="SKYPE_TOOLBAR_PARSER_COMPATIBLE" />
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>Van Abbemuseum - Nieuwsbrief</title>
            <style type="text/css">
                BODY {
                -webkit-text-size-adjust: none;
                }
                a {color: #0097e1; }
            </style>
        </head>
        <body style="margin: 0px; background-image: url('http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/Cindy_Sherman_72_DPI.jpg'); background-color: white;">
            <table style="width: 100%; background-image: url('http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/Cindy_Sherman_72_DPI.jpg');" cellspacing="0" cellpadding="0">
                <tbody>
                    <tr>
                        <td style="padding-right: 10px; padding-left: 10px;"><br />
                                            
                        <table align="center" class="tblMain" style="width: 730px;" cellspacing="0" cellpadding="0">
                            <tbody>
                                <!-- PREHEADER + SHOW -->
                                <tr>
                                    <td class="tdRowMarge" style="padding-top: 15px; padding-right: 48px; padding-left: 48px; background-color: #ffffff;">
                                    <table width="100%" style="width: 100%;" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td class="tdColumn" style="color: #000001; font-family: Arial; font-size: 12px;">
                                                Een republiek der kunsten / A Republic of Art</td>
                                                <td class="tdColumn" style="text-align: right; color: #000001; font-family: Arial; font-size: 12px;">%%SHOW%% - <a href="#english">english version</a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                                <!-- END PREHEADER + SHOW -->
                                <!-- LOGO -->
                                <tr>
                                    <td class="tdRowMarge" style="padding-top: 35px; padding-right: 48px; padding-left: 48px; background-color: #ffffff;">
                                    <table width="100%" style="width: 100%;" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td class="tdColumn" style="vertical-align: bottom;">
                                                <img alt="" width="136" height="49" style="width: 136px; height: 49px;" src="http://www.mailinglijst.nl/klanten/12518/Sjabloon/2015/header_uitnodiging_einvite.jpg" />
                                                </td>
                                                <td class="tdLogoColumn" style="text-align: right; vertical-align: bottom;">
                                                <a href="http://www.vanabbe.nl" target="_blank"><img width="306" height="37" title="Van Abbemuseum" style="border-width: 0px; border-style: solid; width: 306px; height: 37px; float: right; display: block;" alt="Van Abbemuseum" src="http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/logo_blue.jpg" /></a>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                                <!-- END LOGO -->
                                <tr>
                                    <td style="font-family: Arial; font-size: 11px;">
                                    <img width="100%" id="imgContentmerger" style="width: 100%; display: block;" alt="Placeholder voor de events" src="../images/2014/events_placeholder.png" />
                                    </td>
                                </tr>
                                <!-- FOOTER -->
                                <tr>
                                    <td class="tdRowMarge" style="padding-right: 48px; padding-bottom: 27px; padding-left: 48px; background-color: #ffffff;">
                                                                    
                                    <table style="width: 100%;" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td class="tdColumn" style="width: 180px; color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;">
                                                Van Abbemuseum<br />
                                                Bilderdijklaan 10<br />
                                                5611 NH Eindhoven<br />
                                                The Netherlands<br />
                                                T: +31 40 238 1000<br />
                                                <a href="mailto:info@vanabbemuseum.nl" style="color: #000001; text-decoration: none;">info@vanabbemuseum.nl</a><br />
                                                www.vanabbemuseum.nl
                                                </td>
                                                <td class="tdColumn" style="color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; vertical-align: top; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;">
                                                Openingstijden: di t/m zo van 11:00 tot 17:00 uur<br />
                                                Ieder eerste donderdagavond van de maand tot 21:00 uur geopend. Vanaf 17:00 uur is het museum dan gratis te bezoeken.<br />
                                                <br />
                                                <span style="color: #000001; font-family: Arial; font-size: 11px;">Opening hours: tu-su 11:00 - 17:00 </span><br style="color: #000001; font-family: Arial; font-size: 11px;" />
                                                <span style="color: #000001; font-family: Arial; font-size: 11px;">Every first Thursday of the month open until 21:00, f</span><span style="color: #000001; font-family: Arial; font-size: 11px;">ree admittance from 17:00 - 21:00.</span><br />
                                                <br />
                                                %%URL2=103294%%<br />
                                                </td>
                                                <td class="tdColumn" style="color: #000001; padding-top: 11px; font-family: Arial; font-size: 11px; vertical-align: top; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;">
                                                <table align="right" cellspacing="0" cellpadding="0">
                                                    <tbody>
                                                        <tr>
                                                            <td style="padding-right: 10px;">
                                                            <a href="https://www.facebook.com/vanabbemuseum" target="_blank"><img width="18" height="18" title="Facebook" style="border-width: 0px; border-style: solid; width: 18px; height: 18px;" alt="Facebook" src="http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/facebook.png" /></a>
                                                            </td>
                                                            <td style="padding-right: 10px;">
                                                            <a href="https://twitter.com/vanabbemuseum" target="_blank"><img width="14" height="18" title="Twitter" style="border-width: 0px; border-style: solid; width: 14px; height: 18px;" alt="Twitter" src="http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/twitter.png" /></a>
                                                            </td>
                                                            <td>
                                                            <a href="https://www.youtube.com/user/vanabbemuseum" target="_blank"><img width="17" height="18" title="YouTube" style="border-width: 0px; border-style: solid; width: 17px; height: 18px;" alt="YouTube" src="http://www.mailinglijst.nl/klanten/12518/Sjabloon/2014/youtube.png" /></a>
                                                            </td>
                                                        </tr>
                                                    </tbody>
                                                </table>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="tdRowMarge" style="padding-right: 48px; padding-bottom: 35px; padding-left: 48px; background-color: #ffffff;">
                                                                    
                                    <table style="width: 100%;" cellspacing="0" cellpadding="0">
                                        <tbody>
                                            <tr>
                                                <td class="tdImageFull" style="color: #000001; padding-top: 10px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;">
                                                Het Van Abbemuseum wordt onder andere ondersteund door / is supported by:<br />
                                                <br />
                                                <img alt="" width="634" height="94" style="width: 634px; height: 94px;" src="http://www.mailinglijst.nl/klanten/12518/Sjabloon/2015/logosfooter.jpg" /><br />
                                                </td>
                                            </tr>
                                            <tr>
                                                <td class="tdImageFull" style="color: #000001; padding-top: 10px; font-family: Arial; font-size: 11px; border-top-color: #7f7f7e; border-top-width: 1px; border-top-style: solid;"><em>Een republiek der kunsten </em>wordt georganiseerd in samenwerking met PLATFORM / <em>A Republic of Art </em>is organised in collaboration with PLATFORM. <br />
                                                De tentoonstelling wordt ondersteund door / The exhibition is supported by: ministère de la Culture et de la Communication, Institut français, de Franse ambassade in Nederland / the French Embassy in the Netherlands, VSB Fonds & Fondation Hippocrène.<br />
                                                <br />
                                                <img alt="" width="615" height="150" style="width: 615px; height: 150px;" src="http://www.mailinglijst.nl/klanten/12518/Import_2015/A_Republic_of_Art_/logos_E-Flux_frac_2015.jpg" /></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </td>
                                </tr>
                                <!-- END FOOTER -->
                            </tbody>
                        </table>
                        </td>
                    </tr>
                </tbody>
            </table>
            <br />
            <br />
        </body>
    </html>

  2. Ianko
    Admin
    Ianko avatar
    1535 posts

    Posted 22 May 2015 Link to this post

    Hello Erik,

    This question has already been answered in other support ticket opened to us about the same matter. I suggest continuing the conversation there, so to keep the information flow more concise.  

    For anyone interested on the answer, in such complex Table nesting situations, it is recommended using the the Dom Inspector module to controls exactly which table element is selected and passed to the Table Properties dialog.

    Regards,
    Ianko
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top