Stikked

About Stikked QUB


Original Stikked platform code by Ben McRedmond. Modified by J Busch.

The author/name needs to be certain character(s). This is due to web robots polluting the DB.

Please contact j.a.busch@qub.ac.uk to request access.

Code embedding process for the CANVAS VLE


  1. 1. Paste your code

  2. 2. Copy RAW URL

  3. 3. Open CANVAS and add the HTML code to...

    <p><iframe style="border: 1px solid grey; max-width: 100%; max-height: 100vh;" src=" " width="100%" height="100px" sandbox="allow-forms allow-modals allow-orientation-lock allow-popups allow-same-origin allow-scripts" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"></iframe></p>

  4. 4. Add the raw URL (copied from 'stikked') to the src value e.g.

     src="https://stikked.eeecs.qub.ac.uk/index.php/view/raw/2850585"

  5. 5. Add line highlights, by adding the query strings
    2850585?line1=4&line2=6&line3=9
    to the URL...

    view/raw/2850585?line1=4&line2=6&line3=9

  6. 6. Change height to allow for long pieces of code ...

    height="200px"

Example markup...

	<p><iframe style="border: 1px solid grey; max-width: 100%; max-height: 100vh;" src="https://stikked.eeecs.qub.ac.uk/index.php/view/raw/2850585?line1=4&amp;line2=6&amp;line3=9" width="100%" height="200px" sandbox="allow-forms allow-modals allow-orientation-lock allow-popups allow-same-origin allow-scripts" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen"></iframe></p>
	

It should display...