Page 1 of 3

vertical align grid using css

Posted: Sun Mar 23, 2014 1:17 pm
by Mark6753445

Hi all (again)

It is possible to vertically align the entire grid within the app please?
Currently I have tried using
.grid1 {
vertical-align: middle;
}
but the grid still remains at the top of the app? I have also tried to set this in the more properties area of the grid.

Any help would be appreciated.
Thank you.


vertical align grid using css

Posted: Sun Mar 23, 2014 1:46 pm
by Illya Stepanov

Hi Mark,

Add important:
pre
.grid1 {
vertical-align: middle !important;
}
/pre


vertical align grid using css

Posted: Sun Mar 23, 2014 1:55 pm
by Mark6753445

Thanks Illya

I have added this as CSS but it still remains at the top of the app? I have also confirmed grid1 is the grid 'Class name' (just incase I got this wrong).

This is what I have set:

Image

there is nothing in more properties.

kind regards


vertical align grid using css

Posted: Sun Mar 23, 2014 2:18 pm
by Mark6753445

I also get a warning 'use of important' in the css?

Image


vertical align grid using css

Posted: Sun Mar 23, 2014 2:46 pm
by Illya Stepanov

Mark, take a look here should be helpful: https://getsatisfaction.com/apperyio/...


vertical align grid using css

Posted: Sun Mar 23, 2014 2:56 pm
by Mark6753445

I tried that one too as I had search before asking. It doesnt seem to work on mine?! The grid still appears at the top of the app.


vertical align grid using css

Posted: Sun Mar 23, 2014 3:02 pm
by Illya Stepanov

Can you give us public link or share you app with: a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a ?


vertical align grid using css

Posted: Sun Mar 23, 2014 3:02 pm
by Mark6753445

I have also tried clearing all data set for the grid and css and starting from fresh.


vertical align grid using css

Posted: Sun Mar 23, 2014 3:16 pm
by Mark6753445

Hi Illya

Shared now with a href="mailto:support@appery.io" rel="nofollow"support@appery.io/a


vertical align grid using css

Posted: Sun Mar 23, 2014 4:32 pm
by Illya Stepanov

Mark, set the Grid dimensions as shown on screen shot:
Image

and the following code in the grid CSS:
pre
.grid1 td {
display: table-cell;
vertical-align: middle !important;
}
/pre
-- ignore notification sign in editor;