Centering objects

[B510]

Dear All

My login page has the following:

User Id:
Password:

Login Button

Forgot Password Link

how do I centering them?

any body please help?

thanks & regards

[Evgene Karachevtsev]

Hello Winanjaya,

Please, look at this link: http://devcenter.appery.io/documentat...

[B510]

Hi. thank you.. I tried it .. but it does not work

Appery('lblUsername').css('margin', 'auto');
Appery('txtUsername').css('margin', 'auto');
Appery('lblPassword').css('margin', 'auto');
Appery('txtPassword').css('margin', 'auto');
Appery('lblUsername').css('display', 'block');
Appery('txtUsername').css('display', 'block');
Appery('lblPassword').css('display', 'block');
Appery('txtPassword').css('display', 'block');

I just put those codes in load event of the form..

am I correct? ...

[B510]

Appery('mobileimage_5').css('margin', 'auto');
Appery('mobileimage_5').css('display', 'block');

[Alena Prykhodko]

Hello Winanjaya ,

Add all components to grid, then add CSS asset with code:
pre
[data-wrapper-for=mobilegridName]{
display: table-cell;
vertical-align: middle;
}

[name=mobilecontainer]{
display:table;
}
/pre

Where mobilegridName - grid component name
mobilecontainer - page container name

[B510]

thank you

[B510]

but why it does not full the screen (see at the right side)

[Evgene Karachevtsev]

Hello,

You can use grid for centering object. Set align for label and set columns width

[B510]

Hello

I followed the instruction, but it does not centering horizontally

[B510]

what I need is to show them in the center of the screen..