Posts

Er worden posts getoond met het label Webdev

Foto's Resizen en Roteren met ImageMagick

Afbeelding
  Foto's resizen en roteren met ImageMagick ImageMagick is een perfecte commandline tool. Ik vermeld vast dat in de namen (zoekpaden)  geen spaties moge zitten. Ik gebruik ImageMagick (IM) al jaren om foto's te verkleinen. De kwaliteit van de kleine foto's is veel beter dan wanneer je de foto's via Windev/Webdev verkleint. In mijn OG-programma zitten duizenden foto's van panden. Als je een foto via Windev/Webdev verkleint dan worden de voegen tussen de bakstenen glinsterend. Ook spijltjes van balcons worden geribbeld. Met ImageMagick ziet alles er verkleind ook mooi uit. Een hoofd met grijze haren geeft verkleind allemaal glinstertjes in het haar. Met IM niet. Mogelijkheden Met ImageMagick kan je afbeeldingen vergroten verkleinen spiegelen roteren vervormen schuintrekken transformeren Je kan ook afbeeldingskleuren aanpassen, verschillende speciale effecten toepassen of tekst, lijnen, veelhoeken, ellipsen en curven tekenen met ImageMagick. Installeren Bij het install...

KvK API

Afbeelding
  KvK en Kadaster API Deze blog is gemaakt door Huib Preij van Preij Software. De beschrijving van de Kadaster API staat onderaan, dus na de beschrijving van de KVK. Het gebruik van de KvK API kost €5,65 per maand. De Kadaster API is geheel gratis. Kijk op:  https://developers.kvk.nl/nl/apis De test omgeving is gratis. Goed voorbeeld: https://developers.kvk.nl/nl/support/oas-swagger/zoeken-api Zoals je hierboven ziet zijn er verschillende API's bij de KvK. Met ZOEKEN krijg je maar een beperkt aantal gegevens. Wel de straatnaam maar niet het huisnummer. Maar belangrijk, je krijgt het KvKnummer en het Vestigingsnummer. De opvragen zijn gratis (buiten de €5,65 per maand). Afhankelijk welke gegevens je nodig hebt, gebruik je één van de API's  Dus vaak zal je twee opvragen na elkaar moeten doen. Eerst de ZOEKEN API om KvKnummer en Vestiginsnummer op te halen. Daarna bijv BEDRIJFSPROFIEL, om mbv KvKnummer andere gegevens op te halen. Als je op GET klikt krijg je voorbeeld scher...

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...

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...

Soms lijkt het alsof de CSS niet werkt.

Afbeelding
  Gepost door Huib Preij op 4 augustus 2022. WebDev. Soms (heel soms gelukkig) als ik een Website op de server heb geïnstalleerd in WebDev Deploiment, dan lijkt het alsof de CSS niet werkt. Alles staat door elkaar en er is geen enkele opmaak, zoals hierboven. Het moet er zo uitzien: Voer je dan de diagnose uit in de WebDev Administrator en kies je de betreffende Website, dan komt hij met een foutmelding die voor een doorsnee WebDev-programmeur moeilijk te begrijpen is. De oplossing was echter simpel. In de IIS heb ik onder Default Website de _web map van mijn applicatie verwijderd. Vervolgens de de zaak opnieuw geïnstalleerd en toen werkte alles weer.

PDF insluiten in een HyperFile bestand

Afbeelding
Waarom zou je een PDF bestand in je HyperFile insluiten? - de plek waar het originele PDF bestand staat is dan niet meer van belang - de originele PDF hoeft niet meer te worden bewaard - het openen van de embedded (ingesloten) PDF gaat supersnel - wanneer je ook WebDev gebruikt, zijn de ingesloten PDF's te openen zonder deze te downloaden Om te beginnen is het belangrijk dat de File waarin de PDF opgenomen moet worden goed gedefinieerd is met de juiste instelling: In mijn voorbeeld gebruik ik het om facturen in PDF te maken en deze in te sluiten in de FactuurHeader File, zodat de facturen altijd snel in te zien in zowel WinDev als in WebDev. In WebDev is het ook makkelijk wanneer je bijvoorbeeld een klantportaal hebt, de klant zelf de factuur kan inzien en eventueel te downloaden. Hieronder zie je hoe ik in WinDev de PDF maak: Hieronder zie je de code hoe ik de gemaakte PDF koppel aan het veld PDF in de HyperFile: Hieronder vind je de complete code van PDF maken tot Insluiten voor ...

Layouts (Agencements) loskoppelen.

Afbeelding
  Layouts (Agencements) loskoppelen. Als je met Layouts werkt en je verschuift en in de ene layout (Mobiel bijvoorbeeld) wat, dan verschuift het in de andere layout (Tablet) ook. Dat is heel vervelend. Nu kan je elke control loskoppelen wat betreft positie, grootte, anker en stijl, maar dat is lastig als het om veel controls gaat. Rechtsboven in het ontwerpscherm staat een heel klein toggle icoontje. Daarin staan wel of geen pijltjes. Als er geen pijltjes in staan, dan zijn de controls van de verschillende layouts losgekoppeld. Dit werkt alleen de eerste keer als je een control verschuift. Geplaatst door: Huib Preij, huib@preij.nl

Plaatjes in een Table

Afbeelding
  Plaatjes is een Table. Definitie vd table Code vd Button Plaatje (Img_Een)

WDG WebDev Project

Afbeelding
WDG WebDev Project A. Problemen met inloggen op SCM bij Paul. B. Problemen bij local testen Webservice. A. Problemen bij inloggen op SCM bij PAUL. Inlognaam SCM bij Paul is anders dan de naam die je normaal voor je WinDev/WebDev gebruikt. Alleen bij het inloggen in WinDev/WebDev kan je die naam aanpassen. Geef bij inloggen de naam die Paul verwacht bijvoorbeeld: wdg.hpr De login zal zeggen dat die naam niet bestaat. Aanmaken. Wachtwoord is niet nodig. Eerst de VPN verbinden middels de FortiClient. Open het project via de SCM. Vul de juiste gegevens in voor de repository. Te verkrijgen bij Huib. Twee problemen kunnen er optreden. 1. Je kan het veld om het wachtwoord in te voeren niet vinden     Trek het scherm naar beneden verder open en dan zie je het Wachtwoordveld. 2. Je kan niet bij het wachtwoord veld of bij het vinkje om het Wachtoord te opslaan.     Loop met de TAB-toets een aantal keren door het scherm en op een gegeven moment komt hij op de checkbox. B. Probl...

Diverse Dialogs

Afbeelding
  Dialog, CellDisplayDialog, ToastDisplayPopUp, PopupDisplay, ToastDisplay. Probleem: Je wil graag dat het programma wacht totdat het popupscherm een antwoord geeft en dat je afhankelijk van het antwoord een bepaalde actie kan nemen. Hierboven:  een toepassing van DIALOG   Aanmaken via de Wizard. In het voorbeeld zit ook nog een PopUp scherm, waarvan de tekst wordt aangepast en de button wel of niet zichtbaar wordt gemaakt. Als de button niet zichtbaar is, verdwijnt het PopUp-schermpje naar 4 seconden middels ToastDisplayPopUp . Als we de PopUp via de button willen laten verdwijnen dan gebruiken we PopUpDisplay NextTitle("  Test voor WDG") //1 : Info 1 //2 : Info 2 //3 : Info 3 POPUP_Melding.BTN_Doorgaan..Visible=True   // SWITCH Dialog("Test voor de WDG, Inloggen ging niet goed.") // Info 1 CASE 1 PageDisplay(PAGE_Menu) // Info 2 CASE 2 POPUP_Melding.STC_tekst="Klik op doorgaan" PopupDisplay(POPUP_Melding,popupCenter) // Info 3 CASE 3...

WebDeb Dialog ipv Sweetalert2

Afbeelding
  Youtube link: https://youtu.be/HZA0YEkYZbs De opdracht Dialog kan gewoon in Servercode. Tik in dialog( en kies dan de Wizard. Als je de Wizard hebt afgerond komt de Switch-regel in beeld. Geef daar achter "Enter" en de Switch wordt helemaal uitgeschreven. Per Button in de Dialog komt er nu een "Case". Daar kan jezelf code invullen.

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.