Page 2 of 3

vertical align grid using css

Posted: Sun Mar 23, 2014 4:34 pm
by Mark6753445

ok


vertical align grid using css

Posted: Sun Mar 23, 2014 4:54 pm
by Mark6753445

Illya

It is still the same? Still at the top when tested...

Image


vertical align grid using css

Posted: Sun Mar 23, 2014 5:23 pm
by Illya Stepanov

Sorry Mark, I forgot to mention the most important part:

  • on 'startScreen' page show event add this JS:
    pre
    Appery("mobilegrid_5").parent().css("height", Appery("f1bstart").css("height"));
    /pre

vertical align grid using css

Posted: Sun Mar 23, 2014 7:00 pm
by Mark6753445

Genius! That works perfectly.

Thank you so much for your patience!
Best regards
Mark.


vertical align grid using css

Posted: Thu May 08, 2014 2:12 pm
by Mike6580064

Illya,

I can't get this to work properly using your instructions. This is the CSS I'm running:
Image

This is the Page Show JS:
Image

And this is the result when I test in the simulator. I gave the grid a border to better understand what's happening when I resize the display. There are three icons that I'd like to display vertically aligned and centered on the screen. But it looks like the grid size stays the same (very large) regardless of display size.
Image

Please let me know if you need to see anything else,
Mike


vertical align grid using css

Posted: Thu May 08, 2014 8:35 pm
by Kateryna Grynko

Hi Mike,

Your app 'F1Blogger' seems to work normally:

Image


vertical align grid using css

Posted: Fri May 09, 2014 12:27 pm
by Mike6580064

Katya,

F1Blogger is not my app.


vertical align grid using css

Posted: Fri May 09, 2014 12:43 pm
by Maryna Brodina

Hello Mike!

Sorry about that. Could you clarify your app name?


vertical align grid using css

Posted: Fri May 09, 2014 12:59 pm
by Mike6580064

Maryna,

I've just shared it with Appery Support. "SID Digest 2014" is the name of the app.


vertical align grid using css

Posted: Mon May 12, 2014 1:13 pm
by Kateryna Grynko

Hi Mike,

Try the following CSS:pre.bookicons {
height:50px!important;
width: 50px!important;
}/pre