« Terug

UPDATE: Pop-up, Iframe Webapp

19 aug

Pop-up, logo als menuknop, Iframe en filmpjes in de webapp.

Sommige van jullie hebben al kennis gemaakt met de wijzigingen in de webapp. Mocht je dit nog niet weten dan kun je hieronder lezen met welke opties je de webapp’s nog mooier kunt krijgen. En voor degene die het al weten een duidelijk overzicht is altijd makkelijk;)


Iphone pop-up
Sinds kort kunnen we op de Iphone een pop-up laten verschijnen als men de webapp bezoekt. In deze pop-up wordt uitgelegd hoe men de webapp kan toevoegen aan het beginscherm. Deze optie gaan we standaard toepassen op alle webapp’s!
Hieronder staat stapsgewijs beschreven hoe je deze pop-up toepast:

  1. Zet in het ‘Ontwerp’ de HTML-optie ‘Toevoegen aan home screen’ aan.
  2. Voeg de ‘Favicon’ ook toe bij de afbeelding optie ‘Homescreen icon afbeelding’
  3. Sla deze wijzigingen op, en als het goed is verschijnt vanaf nu de pop-up op de Iphone.



Menuknop ipv het logo
In het menu van de webapp kun je vanaf nu het logo vervangen door een vierde menuknop. Je gaat dan als volgt te werk:

  1. Open vanuit de gedeelde map ‘dWW_app_basis’ het pixlr bestand ‘Icons 4knoppen’. Let op: Het onderste icoontje in dit bestand zal getoond worden op de plaats van het logo.  
  2. Heb je de icoontjes bewerkt sla deze dan op en plaats deze op de normale plek in het CMS. (Dus afbeeldingopties > ‘Naviagtie iconen sprite’)
  3. Zet onder de HTML-opties in het ‘Ontwerp’ de ‘Logo knop’ uit. En zet de ‘Navigatie knop 0’ aan.
  4. Je kunt nu bij de Tekst opties de gewenst link invoegen in het veld ‘Navigatie 0’
  5. Klaar!
     


Filmpjes centreren
Als je filmpjes wilt toevoegen in de app kunt je dat het beste op de volgende manier doen:

  1. Voeg in de ‘Hoofdkolom’ of in de ‘Onder’ container een artikel toe.
  2. Kies tussen de opties boven het tekstveld voor ‘Video invoegen/bewerken’.
  3. Zoek hier naar het juiste filmpje.
  4. Vink de volgende optie aan ‘Volledig scherm toestaan’ en controleer of de breedte 292px is. Klik op invoegen.
  5. Klik nu op het filmpje en klik vervolgens op ‘p’ link onderaan het tekstveld. Zie afbeelding hieronder.
  6. Klik vervolgens op ‘centreren’.  
  7. Sla dit artikel op, en het fimpje zal netjes in de app verschijnen.




Iframe toevoegen
Wil je een stukje website toevoegen in de webapp dan kan dit door middel van een Iframe. Let op: Dit lukt alleen als het om een stukje mobiele website gaat! Een stukje normale website toevoegen in een app is lastig, wil je zeker weten of dit wel of niet kan vraag het dan aan aan mij(Gerwin) of Arjan. Hieronder staat uitgelegd hoe je een Iframe maakt en toevoegt in de app:

  1. Ga naar: http://7thspace.com/webmaster_tools/iframe_generator.html
  2. Voeg de URL van het stukje website dat je in de app wil zetten toe in het veld 'iframe URL'.
  3. Vul als hoogte en breedte 100% in. 
  4. Klik op 'Generate iframe'
  5. Kopieer de code die verschijnt en plak deze in de HTML van een artikel.
  6. Let op plaats dit artikel in de 'Slideshow' container. 
  7. Sla het artikel op en het iframe zal in de app verschijnen!


« Terug

Scroll naar boven