Supporting each other

Community forums

Welcome, Guest
Username: Password: Remember me
General questions and topics about Xerte Toolkits that don’t fit anywhere else.
  • Page:
  • 1
  • 2

TOPIC:

Mobile toolkit - testing screen size 10 years 4 months ago #1791

  • ronm2
  • ronm2's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
  • Posts: 81
  • Thank you received: 0
Anyone know if there is a way to simulate a mobile phone screen size when testing the mobile toolkits on a desktop development machine?

Please Log in or Create an account to join the conversation.

Mobile toolkit - testing screen size 10 years 4 months ago #1793

  • ronm
  • ronm's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 841
  • Thank you received: 256
There's not really any substitute for testing on real devices but there are lots of options in terms of basic emulation e.g.
www.sitepoint.com/use-mobile-emulation-mode-chrome/

And the suggestions here webmasters.stackexchange.com/questions/1...ebsites-on-a-desktop cover other options
Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
The following user(s) said Thank You: ronm2

Please Log in or Create an account to join the conversation.

Mobile toolkit - testing screen size 10 years 4 months ago #1794

  • julten
  • julten's Avatar
  • Offline
  • Premium Member
  • Premium Member
  • Posts: 137
  • Thank you received: 18
I built a simple launcher page which did a window.open on a load of differnt sized windows for various sizes, portrait and landscape:

<script>

var win;

function openWin(w,h){

if (win != undefined || win != null){
win.close();
}

win = window.open('index.html', 'test', 'width=' + w + ',height=' + h + ',scrollbars=yes');
}
</script>
<style>

body {
font-family:sans-serif;
font-size:12px;
}

</style>

<b>Small Phones, 320 x 240</b><br>
<a href="javascript:openWin(320,240);">Landscape</a><br>
<a href="javascript:openWin(240,320);">Portrait</a><br>
<br>
<b>Standard Phones 480 x 320</b><br>
<a href="javascript:openWin(480,320);">Landscape</a><br>
<a href="javascript:openWin(320,480);">Portrait</a><br>
<br>
<b>Large Phones 800 x 480</b><br>
<a href="javascript:openWin(800,480);">Landscape</a><br>
<a href="javascript:openWin(480,800);">Portrait</a><br>
<br>
<b>Android Tablets 1280 x 800</b><br>
<a href="javascript:openWin(1280,800);">Landscape</a><br>
<a href="javascript:openWin(800,1280);">Portrait</a><br>
<br>
<b>iPads 1024 x 768</b><br>
<a href="javascript:openWin(1024,768);">Landscape</a><br>
<a href="javascript:openWin(768,1024);">Portrait</a><br>
<br>
<b>HD phones / Tablets 1920 x 1080</b><br>
<a href="javascript:openWin(1920,1080);">Landscape</a><br>
<a href="javascript:openWin(1080,1920);">Portrait</a><br>

Please Log in or Create an account to join the conversation.

Mobile toolkit - testing screen size 10 years 4 months ago #1807

  • ronm2
  • ronm2's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
  • Posts: 81
  • Thank you received: 0
Thanks Ron and Julian!

Please Log in or Create an account to join the conversation.

Mobile toolkit - testing screen size 10 years 4 months ago #1810

  • ronm2
  • ronm2's Avatar Topic Author
  • Offline
  • Premium Member
  • Premium Member
  • Posts: 81
  • Thank you received: 0
Thanks Ron, the google chrome emulator is useful.

A couple of questions re the bootstrap mobile template - I'd like to put a tall, slim infographic into the presentation that the user scrolls down to read. I'm trying to determine how that graphic (I'm assuming .png is best to use) can fill the entire width of the window, no matter what device it is on. I don't see a width setting, or any way to tell it to scale to 100% width. Anyone know how I might do this?

Also - any way to stick a simple quiz in there? It doesn't have to be complicated, just some reinforcing questions to backup the content. If it was possible to insert html code into a page it could be done that, way but better I think with a quiz page from the full XOT.

I like the bootstrap template a lot. It's simple, like me.

Thanks
RonM2

Please Log in or Create an account to join the conversation.

Mobile toolkit - testing screen size 10 years 4 months ago #1834

  • yahaira
  • yahaira's Avatar
  • Visitor
  • Visitor
new here
I like the bootstrap template. its truly helpful for me

Please Log in or Create an account to join the conversation.

  • Page:
  • 1
  • 2
Moderators: ingdon
Time to create page: 0.050 seconds
Copyright © 2024 The Xerte Project.
Xerte logo Apereo logo OSI Logo

Search