Forum | Appery.io

Hi

Here's the structure of the page:
mobilecontainer: 0 padding on left and right
-- mobilegrid: 15px each for left and right margin, 100% width, 3 columns
----mobilegridcell: each column has width set to auto, 2 px padding left and right
-------label: each cell has a label with 0 margin on all sides

The left edge of the grid starts at 15 px as specified for its left margin, but it ignores the right margin and the right edge touches the right border of the page.

How do I get it to stay inside the right margin?

Thanks

Hi,

This is a Tiggzi problem. Margin property is not correctly applied.

You can use JavaScript to fix the grid layout. Set Margin left and Margin Right properties to 0. Then on Load event add "Run JavaScript" action with the following JS code:
codeTiggzi('gridComponent').parent().css('margin', '0px 15px 0px 15px');/code
where 'gridComponent' is a Grid component name.

Awesome, that fixes it. Thanks