Volledig scherm

CrowlKit kan je webapp fullscreen starten, waardoor de webpagina het uitzicht krijgt van een echte app. Volg hiervoor de volgende stappen.

1. Voeg onderstaande code toe tussen en . Waar je die precies plaatst, maakt niet uit, maar niet in een script-element!

2. Vervolgens voeg je een zichbare knop toe. Die wordt automatisch opgemaakt volgens het stijlschema. 

<button data-function="fs">Volledig scherm</button>

3. Je kan natuurlijk "Volledig scherm" vervangen door je eigen tekst of door een icoontje.

<button data-function="fs"><i class="las la-tv"></i> Volledig scherm</button>

4. Wil je nadien de knop ook kunnen starten met je stem, dan moet je de knop een uniek id geven. 

<button data-function="fs" id="fs"><i class="las la-tv"></i> Volledig scherm</button>

Een id, we gaan dit nog meermaals gebruiken moet " uniek" zijn. D.w.z. dat het binnen dezelfde pagina maar één keer aan een element mag worden gegeven. Een id mag enkel kleine lettersbevatten, geen vreemde tekens, getallen of spaties.