Posts

Er worden posts getoond met het label HTML

Responsive iframe in een WebDev pagina

Afbeelding
De standard iframe control van WebDev is minder geschikt op een responsive pagina. Deze werkt alleen alleen horizontaal waardoor de beeldverhouding wordt verstoord. Dit kan worden opgelost door gebruik te maken van een HTML control. Maak een HTML control aan op een responsive pagina.  Ga nu naar de eigenschappen van de HTML control en klik op de knop "Edit HTML source code" en voeg vervolgens onderstaande code toe. De control gedraagt zich nu zowel horizontaal als verticaal responsive. DE CODE <div class="container"> <iframe class="responsive-iframe" src="https://www.youtube.com/embed/tgbNymZ7vqY"></iframe> </div> <style> .container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */ } .responsive-iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } </style...

Verslag WDG 18 december 2020

Afbeelding
  Verslag ZOOM-WDG 18 december 2020 Aanwezig waren: 1. Huib Preij, 2. Ignace Claerhout, 3. Jan Vriend, 4. Harry Houtkoper, 5. Jan de Bruin, 6. Maikel Haverkamp, 7. Danny de Koster, 8. Geralt vd Born, 9. Robert Veys, 10. Tonny Neirynck, 11. Paul vd Dungen, 12. Harry Nijenhuis, 13. Marc Muylaert, 14. Stefan Bentvelsen We bespraken oa: HTML-control in 26:   Gebruiker kan nu zelf mooie email opmaken in Windev. Kleuren in Editor: Werd niet geheel duidelijk. Zullen we volgende keer in het echt moeten zien. Webservice :  Stefan Bentvelsen wil graag in de Webservice de gehele URL kunnen zien waarmee de Webservice is aangeroepen. Antwoord is niet gekomen. Wel work-arounds om alle parameters op te halen. Dirk Boschmans was er helaas niet maar hij schijnt de gehele header uit te lezen. Hopelijk volgende keer antwoord. Stefan stelt de vraag ook nog aan PC Soft. Refresh van een Combobox :  Listdisplay met taInit. Dan vindt de initialisatie ook opnieuw plaats. Met taS...

HTML-button met link naar WebDev-site

Afbeelding
  Hierboven een stukje van een Email met daarin drie buttons. Het zijn eigenlijk geen buttons maar het zijn drie TABLE's van elk 1 rij en 1 kolom. De cel heeft oranje (#ff9900) als achtergrond en een border van 2 px. De tekst is een link die in de cel (<td>) staat. De link verwijst naar een Webdevsite. Harry In de link zit een parameter die in de WebDev-site als Pageparameter De link ziet er als volgt uit, waarbij {{lidnummer}} bij het maken van de email-html door het echte  lidnummer wordt verangen, bijv 522. <a href="http://nhc60.nl/olw60?AutoAanmelding={{lidnummer}}/Ja/68"> Afhankelijk van de parameter, die uit drie subwaardes bestaat, gaat het Webdev programma een bepaalde kant op. De waarde van het lidnummer stuur je al mee als je de HTML voor de mail maakt, waar de buttons in moeten komen te staan. De HTML voor de button kan je makkelijk maken met een online HTML-editor zoals: https://html5-editor.net/ Voorbeeld hoe het eruit ziet.