Mark6753445
Posts: 0
Joined: Sat Mar 22, 2014 10:03 am

vertical align grid using css

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.

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

vertical align grid using css

Hi Mark,

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

Mark6753445
Posts: 0
Joined: Sat Mar 22, 2014 10:03 am

vertical align grid using css

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

Mark6753445
Posts: 0
Joined: Sat Mar 22, 2014 10:03 am

vertical align grid using css

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

Image

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

vertical align grid using css

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

Mark6753445
Posts: 0
Joined: Sat Mar 22, 2014 10:03 am

vertical align grid using css

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.

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

vertical align grid using css

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

Mark6753445
Posts: 0
Joined: Sat Mar 22, 2014 10:03 am

vertical align grid using css

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

Mark6753445
Posts: 0
Joined: Sat Mar 22, 2014 10:03 am

vertical align grid using css

Hi Illya

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

Illya Stepanov
Posts: 0
Joined: Mon Mar 18, 2013 8:48 am

vertical align grid using css

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;

Return to “Issues”