Grid filling all available space

[tbettinazzi@axioma.it]

I use this css definition :

smart-grid {
width: 100%;
height: auto;
min-height : 200;
max-height:200;
}

but the grid doesn’t fill the whole space.

I inspected the page and :

• the surrounding div fills the whole available space
• the smart-grid has a width not defined by myself and fills only a part of the available space
• cells in the grid don’t fill the whole available space of the grid
• some cells have a defined width (in %) others are set to auto

How can I solve theese aesthetic problems ?

Tks

[Markov]

Hi,

Sizing of the grid is with css – set the width and height properties.

Sizing of the grid columns depends on the width property of the column as well – it can be set in px or %. For your application

Regards,
Markov

[tbettinazzi@axioma.it]

Setting fixed pixel number to width and height doesn’t allow to adapt to the size of the screen.

I hoped that 100% will work with all normal screen size but it seems to calculate the width depending on I don’t know what.

The same for the height.

Tks

[Markov]

Hi,

Set them in percentages. The grid’s width and height accept percentages and the sizing of the component is the same as the sizing of a DIV tag.

Regards,
Markov

[Author]

Posts