Slang
Posts: 0
Joined: Mon Dec 10, 2012 6:53 am

Grid object doesnt leave space for right margin

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

Kateryna Grynko
Posts: 0
Joined: Thu Nov 15, 2012 9:13 am

Grid object doesnt leave space for right margin

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.

Slang
Posts: 0
Joined: Mon Dec 10, 2012 6:53 am

Grid object doesnt leave space for right margin

Awesome, that fixes it. Thanks

Return to “Issues”