vertical align grid using css

[Mark6753445]

ok

[Mark6753445]

Illya

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

[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

[Mark6753445]

Genius! That works perfectly.

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

[Mike6580064]

Illya,

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

This is the Page Show JS:

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.

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

[Kateryna Grynko]

Hi Mike,

Your app 'F1Blogger' seems to work normally:

[Mike6580064]

Katya,

F1Blogger is not my app.

[Maryna Brodina]

Hello Mike!

Sorry about that. Could you clarify your app name?

[Mike6580064]

Maryna,

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

[Kateryna Grynko]

Hi Mike,

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