Page 1 of 1

Web view is stretched too far

Posted: Thu Sep 04, 2014 11:46 pm
by Dee

Hi

Love how simple the app is to create an app but when I view it in a browser, all the fields stretch across the page and it looks really ugly. Is there a way in which i can
1:) make the app appear a fixed width in the web browser and centered (rather than on left side)
2:) use the app frame (that you get when you test) on the actual website so that the website doesn't look so bad?

Thank you
d:)


Web view is stretched too far

Posted: Fri Sep 05, 2014 7:01 am
by Maryna Brodina

Hello!

Could you post a screenshot of the issue you have?


Web view is stretched too far

Posted: Fri Sep 05, 2014 7:16 am
by Dee

Image

I manage to figure out how to reduce the width by going into themes and adding Max-width: 800px; to the ui-body. However, I was hoping I could do this as part of the page attributes in the template (didn't work).

My problem still is that everything ends up on the left side and looks a bit strange on the website...

Thank you for your response
d:)


Web view is stretched too far

Posted: Fri Sep 05, 2014 2:03 pm
by Maryna Brodina

Use the following CSS;

pre[data-role="content"]{
max-width:800px;
margin: 0 auto;
}/pre