Forum | Appery.io

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

Hello Winanjaya,

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

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? ...

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

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

thank you

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

Hello,

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

Hello

I followed the instruction, but it does not centering horizontally

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