Page 1 of 1

Layout grid and html codes

Posted: Tue Nov 24, 2020 6:28 am
by me.prosenjeet
Hi Pablo,
In some of the extensions we use html codes. Strangely it used to work fine but of late I notice the html used in the extension and the extension being place in a layout grid on preview or publish the html is not visible till we add <font size=xyz> to it.

For example the code below is supposed to show something but when I place it inside a layout grid, it doesnt show but when placed outside a layout grid, it shows perfectly.

Code: Select all

<div style="float: left;"><img src="/abc-foldername/xyz-foldername/cartimage_darkgray.svg" style="height: 3.5em; cursor: pointer;" onclick="showCart(); return(false);"></div>
<div style="float: left; padding: 0 0 0 1em; line-height:1.2; color: black;">
<span id="showitemcount">0</span> item(s)<br>
<span id="showcarttotal">0.00</span><br>
<span onclick="showCart(); return(false);" style="colour: black; cursor: pointer;">View Cart</span><br>
</div>
1) Has this been recently introduced?
2) Is there a setting to get over this?

If we do not place extensions inside a layout grid, the responsiveness of the page is lost

Re: Layout grid and html codes

Posted: Tue Nov 24, 2020 7:04 am
by Pablo
1) Has this been recently introduced?
It has always been like this.
2) Is there a setting to get over this?
No, because the layout grid resets the font-size to zero otherwise spaces in the HTML code would affect the layout.
Therefor your code should always include a font-size.