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

Troubles with simple change of background image

1 Answer 43 Views

Editor

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

Erick asked on 21 May 2015, 09:43 AM

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>

<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>

<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>

<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>

<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>

</tbody>

</table>

</td>

</tr>

</tbody>

</table>

<br />

</body>

</html>

1 Answer, 1 is accepted

answered on 22 May 2015, 05:38 AM

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

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Troubles with simple change of background image

1 Answer, 1 is accepted