Posts

Afbeelding
WDG bijeenkomst 28 oktober 2022 in de Planken Wambuis te Ede. We waren met 8 man. Met de klok mee om de tafel: Maikel Haverkamp, Harry Houtkooper, Jan de Bruin, Arie Mars, Harry Nijenhuis, Stefan Bentvelsen en Henk Ouwejan. Huib Preij nam de foto. Wat hebben we besproken: 1. De brochure van WX 28 hebben we doorgenomen. 2. Jan de Bruin liet zien hoe hij in een WebApp op zijn telefoon met 1 klik een foto kan maken. 3. Harry Nijenhuis liet zien hoe hij met Lauouts schalende schermen maakt.     Indrukwekkend 4. Henk Ouwejan liet zien hoe hij via email 2 weg verificatie realiseert.  5. Verder spraken we nog over AjaxExecute 6. Een goede reden om je meer op WebDev te richten, is het steeds meer thuis werken van mensen en het werken met Chromebooks. De details komen volgende week. Ad 2:   Jan de Bruin liet zien hoe hij in een WebApp op zijn telefoon met 1 klik een foto kan maken. https://youtu.be/NH6m5cmU_Ig Ad 3  Harry Nijenhuis liet zien hoe hij met Lauouts schalende schermen maakt. https:/

WDG 30 september 2022 in Chaam

Afbeelding
  WDG Chaam vrijdag 30 september 2022 Behandelde onderwerpen: - Responsive Web Henk Ouwejan: Oplossing in Response Web waarbij de header en footer blijven staan, zichtbaar blijven. Ook het menu en het uitklapmenu aan de linker kant bleven staan. Verder gebruikt de page het maximale scherm. In een aparte blog gaan we beschrijven hoe de zaken zijn ingesteld. - Loading Spinner.   Zoek bij w3schools op loading spinner, of loader   https://www.w3schools.com/howto/howto_css_loader.asp   Zet een HTML-control op je page en zet in Klik op "Try it Yourself". Kopieer de HTML code en plak die in "Edit HTML source code...". Maak de HTML-control invisible en maak hem visible als je hem nodig hebt. - Verschil tussen ExecuteProcess en zelf op de button klikken. Bij ExecuteProcess wordt de "onclick browser event" niet uitgevoerd. Alleen de servercode wordt uitgevoerd. - SessionHeartBeatEnable Enables or disables the "heartbeat" of the current session. Remark: By

Add to Home screen. A2HS

Afbeelding
  Add to Home screen Dit is een oplossing om in een WebApp een button te plaatsen die een snelkoppeling op het stattscherm (Beginscherm) van je telefoon plaatst. Aangezien dat waarschijnlijk niet kan vanuit een WebApp maakt de oplossing gebruik van een PWA, een Progressive Web App. Dit is een heel klein appje dat op je telefoon wordt gezet. Komt dus ook niet op je start- of beginscherm, maar komt tussen de echte Apps. Bij iOS werkt het weer net iets anders dan bij Android. - Android komt met een button "Op Startscherm plaatsen"  - iOS zet hun bekende upload icoontje rechts bovenaan. Wordt vervolgd. lkjlkjlkjlkj

Control op alle Windows van je applicatie zetten of aanpassen.

Afbeelding
  In deze blog: 1: Icoontje op elk Window aanpassen. 2: Een Button van het Main Window clonen naar alle windows. Oplossing zijn van Jan de Bruin. 1. Icoontje op elk window aanpassen. Onderstaande drie regels staan in de Project initialisatie. Je moet wel aan het begin van je project zetten: EXTERN winconst.wl EXTERN keyconst.wl Windows events Event(Schermsettings,"*.",WM_SHOWWINDOW) Event(Schermsettings,"*.",WM_MDIMAXIMIZE) Event(Schermsettings,"*.",WM_SETFOCUS) Bovenstaande betekent dat als een Window getoond wordt "WM_SHOWWINDOW" dan wordt de procedure "Schermsettings" aangeroepen. Voorbeeld: Links bovenaan je scherm staat je logo, het logo vd maker vh programma. Dit staat op elk Window. Klant (gebruiker) wil daar echter een eigen logo.  GLOWindowIcoon is een globale variabele waar het plaatje (Icoontje) instaat. Procedure Schermsettings: PROCEDURE Schermsettings(nWindowsMessage is int, nWParam is int, nIParam is int) WindowNaam

Postcode tabel

Afbeelding
POSTCODE AUTOMATISCH IN JE APPLICATE.   Wie weet hier iets van. Let me know: huib@preij.nl https://bwnr.nl/postcode.php

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&g

WebDev programma A automatisch program C starten

Afbeelding
  WebDev programma A automatisch programma C starten Gepost door Huib Preij op 7 augustus 2022. Probleem: Ik wil als ik een WebDev programma start afhankelijk van een voorwaarde een ander WebDev programma automatisch starten. Echt moeilijk is het niet maar het heeft me toch de nodige tijd gekost om het goed aan de praat te krijgen.  Voorwaarde: De voorwaarde is dat elke dag maar 1x programma C hoeft te worden gestart. Ik bewaar in een INI bestand de datum dat de laatste keer C is gestart vanuit A. Opstarten: De Button "Conscribo Sync" wil ik automatisch uitvoeren als het programma gestart wordt. Het onderstaande scherm verschijnt dan in beeld in een nieuwe TAB. Als het programma C klaar is, dan komt het Einde scherm. De gebruiker moet die TAB zelf sluiten. De Button "Conscribo Sync" moet je als volgt instellen. Bij Type kies je voor "Display a page from another site. Zet bij URL de juiste URL. Je kan dan ook middels programmeren doen met de property Btn_Conscri