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:
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?
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:
and the following code in the grid CSS:
pre
.grid1 td {
display: table-cell;
vertical-align: middle !important;
}
/pre
-- ignore notification sign in editor;