Page 1 of 1

How do I make a grid cell span multiple columns or rows

Posted: Mon Jan 20, 2014 7:42 pm
by Fred McIntyre

A grid is a table in the html code. Other than editing the source, which makes the page no longer editable with the Visual Builder (according to the docs), is there a way to make a cell span one or more columns or rows?

In the source code, there are colspan=1 and rowspan=1 properties for each cell. I've tried adding colspan with More Properties, but that does nothing.

By the way, the documentation is very limited in describing More Properties. Mainly, it doesn't say what type of properties can be added - all I can find is two examples, which are JQuery properties. I've tried adding numerous standard html or css properties, such as background-color, and none of them work.

Thanks


How do I make a grid cell span multiple columns or rows

Posted: Mon Jan 20, 2014 9:09 pm
by Maryna Brodina

Hello! 1)"what type of properties can be added" any html attributes. Perhaps you added it in a wrong way, or it's applied to another element, or overwritten with another properties/elements. Please inspect element in console and check.

2) colspan and rowspan can be replaced with standard values (=1) because document structure isn't changed (number of tr and td aren't changed) and if you set colspan and rowspan different from 1, it might broke entire page view. That's why values you've set are changed to 1.

3) Use the tables nested within tables to obtain the desired structure.