About a glitch on the screen


There is no problem with the Web screen in Service Studio. But when I clicked the blue button and accessed the app, I got the screen like the forst image above.

I want the Login screen to display properly.


I wonder what is the cause.....and what is the first step?

Tsubasa Yoshikawa wrote:


There is no problem with the Web screen in Service Studio. But when I clicked the blue button and accessed the app, I got the screen like the forst image above.

I want the Login screen to display properly.


I wonder what is the cause.....and what is the first step?

Hi Tsubasa Yoshikawa

            Its not an issue while creating in outsystems  check in your browser.For me its looks good and also responsive.atteched login screen for your reference.

Thank you 

soundarya

soundarya palanimuthu wrote:

Tsubasa Yoshikawa wrote:


There is no problem with the Web screen in Service Studio. But when I clicked the blue button and accessed the app, I got the screen like the forst image above.

I want the Login screen to display properly.


I wonder what is the cause.....and what is the first step?

Hi Tsubasa Yoshikawa

            Its not an issue while creating in outsystems  check in your browser.For me its looks good and also responsive.atteched login screen for your reference.

Thank you 

soundarya


I have the link to my stuff below.  I would like you to just give it a try and see if there is a glitch.
https://tsubasa-yoshikawa.outsystemscloud.com/FlashEnglish/Home.aspx?_ts=637007876645240955


soundarya palanimuthu wrote:

Tsubasa Yoshikawa wrote:


There is no problem with the Web screen in Service Studio. But when I clicked the blue button and accessed the app, I got the screen like the forst image above.

I want the Login screen to display properly.


I wonder what is the cause.....and what is the first step?

Hi Tsubasa Yoshikawa

            Its not an issue while creating in outsystems  check in your browser.For me its looks good and also responsive.atteched login screen for your reference.

Thank you 

soundarya


Sorry, I mistakenly gave the wrong link .

This is the correct link. I'd like you to take a look and tell me about how to display the screen properly.


https://tsubasa-yoshikawa.outsystemscloud.com/FlashEnglish/HomePage.aspx 

Solution

Tsubasa Yoshikawa wrote:

soundarya palanimuthu wrote:

Tsubasa Yoshikawa wrote:


There is no problem with the Web screen in Service Studio. But when I clicked the blue button and accessed the app, I got the screen like the forst image above.

I want the Login screen to display properly.


I wonder what is the cause.....and what is the first step?

Hi Tsubasa Yoshikawa

            Its not an issue while creating in outsystems  check in your browser.For me its looks good and also responsive.atteched login screen for your reference.

Thank you 

soundarya


Sorry, I mistakenly gave the wrong link .

This is the correct link. I'd like you to take a look and tell me about how to display the screen properly.


https://tsubasa-yoshikawa.outsystemscloud.com/FlashEnglish/HomePage.aspx 

Hi Tsubasa Yoshikawa

   Use this css in your  body style as inline css

 width: 328px;
 height: 166px;
 padding-top: 20px;
 border-right-width: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 margin-left: 35%;

And your login form width be  like this


width: 293px;

 height: 166px;


Thanks 

soundarya





   

Solution

soundarya palanimuthu wrote:

Tsubasa Yoshikawa wrote:

soundarya palanimuthu wrote:

Tsubasa Yoshikawa wrote:


There is no problem with the Web screen in Service Studio. But when I clicked the blue button and accessed the app, I got the screen like the forst image above.

I want the Login screen to display properly.


I wonder what is the cause.....and what is the first step?

Hi Tsubasa Yoshikawa

            Its not an issue while creating in outsystems  check in your browser.For me its looks good and also responsive.atteched login screen for your reference.

Thank you 

soundarya


Sorry, I mistakenly gave the wrong link .

This is the correct link. I'd like you to take a look and tell me about how to display the screen properly.


https://tsubasa-yoshikawa.outsystemscloud.com/FlashEnglish/HomePage.aspx 

Hi Tsubasa Yoshikawa

   Use this css in your  body style as inline css

 width: 328px;
 height: 166px;
 padding-top: 20px;
 border-right-width: 20px;
 padding-bottom: 20px;
 padding-left: 20px;
 padding-right: 20px;
 margin-left: 35%;

And your login form width be  like this


width: 293px;

 height: 166px;


Thanks 

soundarya





   



You mean Login Tab instead of Flash English Tab on this screen?


Like this?