5.0/5 rating (5 votes)

AppShed apps are of course made for mobile devices with narrow screens but if you do use your web app on a desktop the following code will help make it look a bit nicer and avoid any stretching.

  • Open your App in the App Builder
  • Click Settings
  • Click Advanced
  • In the Custom JavaScript text box paste the code bellow
  • Click Save
  • Click Publish
  • Click Share
  • Click Web App

The code:

// When each screen loads
app.phone.addEvent('screen', function (id, el) {

// set up position of the main div
jQuery('.items').css('max-width', '380px').css('margin', 'auto');
jQuery('.screen').css('background-color', 'rgb(255,255,255)'); // the colour of the background

});

This code will not change the way your app is displayed on mobile devices, only on desktops/widescreens.

Share this product

Book a demo or Masterclass

Find out quickly if AppShed is right for your school.

Book a quick demo, or a more in-depth Masterclass,
to see how AppShed fulfills your curriculumn requirements.

   Book a demo or Masterclass   

appshed name white text 250

Copyright © 2022 AppShed Limited

AppShed Support
Customer Support

We are online and available to help teachers/educators using AppShed. How can we help you today?

Chat, call or email support@appshed.com