Jump to content
uniGUI Discussion Forums


Popular Content

Showing content with the highest reputation since 02/25/19 in Posts

  1. 10 points
    QrCode Reader for uniGUI That's is my new series (old "All about x topic") and now inspired in Chelsea DOES Series... (lol) here we go. This is the first experimental project for our future Pack 4 commercial/biz automation. The final version will have several other features as well as QrCode generation capability etc. This code is free and based on several JavaScript libs linked and adapted. This project design is hybrid. Restrictions: Chrome only allows WebRTC access via https or localhost. Safari ONLY https. FireFox is the most compatible of all. This is an HTML5 feature that has not yet been implemented in most browsers and many users have old versions. So check the browser version of your device and test with others browsers. Website that shows what each browser supports https://caniuse.com/#search=getUserMedia Mobile Compatibility with HTML5 http://mobilehtml5.org/ https://webrtc.github.io/samples/ https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API How to use: Copy the / files folder just below where you want to place your ISAPI or StandAlone. And let's rock ! Live Demo: https://lojasms.com.br/qrcode/qrcode.dll More Information, Resources, Books, and Project Packs visit http://www.unigui.com.br (the Brazilian portal to uniGUI). ' Enjoy... and have a good one! Sorry: but I'm experience some health problems today... tomorrow I'll post version with English Interface. Pack04-Project01 QrCode.rar
  2. 8 points
    I read somewhere here that was not possible to play a sound on the mobile platform using uniGUI. I completely forgot about the subject and these days I needed to put sound in one of my web/app/sites and already knew how to do with JQuery and mainly did not want those HTML5 audio controls disrupting the interface. And combining JQuery with uniGUI I was able to do much faster. So I made this example Desktop / Mobile showing that yes, "uniGUI DOES" sounds and very well. Both desktop and mobile. Example showing how to play direct from a URL, local (local file here refers to a file on the server and not from the client's computer, of course), using ClientEvents and conventional OnEnter Event. And in Mobile, no need to put in TAP, because it's obvious. Preview online. http://www.unigui.com.br:8077/ uniGUI DOES SOUNDS.rar
  3. 7 points
    Hello everyone! A while ago I looked for a component or something that made it easy to use Highcharts in Unigui but I was unsuccessful. So I decided to develop my own component to do this. After 2 months of work is in a more stable version and decided to share with the community. I remind you that Highcharts is free for personal use only. Download from github: https://github.com/andriwsluna/Unigui-Components With this component it is possible to generate a chart with only 6 lines of code. Follow : EchoHightChart1.HighChartOptions.title.text.Value := 'Introduction'; EchoHightChart1.HighChartOptions.series.Datasource.DataSet := FDMemTable1; EchoHightChart1.HighChartOptions.series.List.FieldNameForSerie := 'Operation'; EchoHightChart1.HighChartOptions.series.List.FieldNameForX := 'month'; EchoHightChart1.HighChartOptions.series.List.FieldNameForY := 'value'; EchoHightChart1.Load; Note that there is a Datasource for data access. See demo: PM me to contribute with this project. Thanks.
  4. 7 points
    I created a simple unit for google oauth2. To get QR Code, call UniImage1.Url:=GetQRCodeUrl(UniImage1.Width, UniImage1.Height, 'YOURSECRETKEY', 'your email address', 'Your name'); To ValidateOTP : if Format('%.6d', [CalculateOTP('YOURSECRETKEY')]) = UniEdit1.Text then begin // Valid end; Here some screenshots GoogleAuth.pas
  5. 7 points
    uniGUI DOES SESSION TIMEOUT PROPERLY There is nothing worst than lazy people using your program and keeping it open taking resources (DB access, memory, CPU time) and not paying homage to your wonderful work , hey ? They just leave there paying no attention whatsoever !!! I hate those lazy Btds people ! So, what about a solution to detect idle UI time at browser's side and alerts the user showing the real time left to close the session ? "No problemo, I got you back boy !!!" Seriously, when you have 50-100 concurrent sessions and not planning to expand to Hyper Server, it may cripple yours application performance very deeply and quickly. That's no joke for real developers ! So, kick out the lazy ones doing nothing ! Solution https://stackoverflow.com/questions/13246378/detecting-user-inactivity-over-a-browser-purely-through-javascript This project is based in the code above and I made some tweaks to work properly and warn the user to put, that lazy bstd, to work again or leave that marvelous piece of code of yours alone. I found a better code some days latter but it don't seams to make any big difference to the JS Snippet used here. I'm planning to a latter update in the users area of unigui.com.br. For now it's what I got working and tested. Instructions 1- Put the MainForm Script in your project. 2- In MainForm OnAjaxRequest past the code provided here. Change the messages and other details. 3- As you can see, there are two Events: one to trigger at a 1 minute idle time (_idle_timeout = no mouse ou keyboard activities) and starts to show the time remaining based in uniServerModule.SessionTimeout, to TimeOut, of course !. And teh other to show the busy mode (_busy). So when the session expires, at least you warned the user before and have a trigger point to save data and close any pending task. You can also flag "work mode" and and "idle mode" showing proper remaining session time. Have fun... and have a good one. Here is a second JS Code Snippet that works better and I will replace later. Stay tuned ! (or clicking...) var IDLE_TIMEOUT = 60; //seconds var _localStorageKey = 'global_countdown_last_reset_timestamp'; var _idleSecondsTimer = null; var _lastResetTimeStamp = (new Date()).getTime(); var _localStorage = null; AttachEvent(document, 'click', ResetTime); AttachEvent(document, 'mousemove', ResetTime); AttachEvent(document, 'keypress', ResetTime); AttachEvent(window, 'load', ResetTime); try { _localStorage = window.localStorage; } catch (ex) { } _idleSecondsTimer = window.setInterval(CheckIdleTime, 1000); function GetLastResetTimeStamp() { var lastResetTimeStamp = 0; if (_localStorage) { lastResetTimeStamp = parseInt(_localStorage[_localStorageKey], 10); if (isNaN(lastResetTimeStamp) || lastResetTimeStamp < 0) lastResetTimeStamp = (new Date()).getTime(); } else { lastResetTimeStamp = _lastResetTimeStamp; } return lastResetTimeStamp; } function SetLastResetTimeStamp(timeStamp) { if (_localStorage) { _localStorage[_localStorageKey] = timeStamp; } else { _lastResetTimeStamp = timeStamp; } } function ResetTime() { SetLastResetTimeStamp((new Date()).getTime()); } function AttachEvent(element, eventName, eventHandler) { if (element.addEventListener) { element.addEventListener(eventName, eventHandler, false); return true; } else if (element.attachEvent) { element.attachEvent('on' + eventName, eventHandler); return true; } else { //nothing to do, browser too old or non standard anyway return false; } } function WriteProgress(msg) { var oPanel = document.getElementById("SecondsUntilExpire"); if (oPanel) oPanel.innerHTML = msg; else if (console) console.log(msg); } function CheckIdleTime() { var currentTimeStamp = (new Date()).getTime(); var lastResetTimeStamp = GetLastResetTimeStamp(); var secondsDiff = Math.floor((currentTimeStamp - lastResetTimeStamp) / 1000); if (secondsDiff <= 0) { ResetTime(); secondsDiff = 0; } WriteProgress((IDLE_TIMEOUT - secondsDiff) + ""); if (secondsDiff >= IDLE_TIMEOUT) { window.clearInterval(_idleSecondsTimer); ResetTime(); alert("Time expired!"); document.location.href = "logout.html"; } } uniGUI DOES SESSION TIMEOUT PROPERLY.rar
  6. 7 points
    Hi! I developed this example based on the jQuery Mask Plugin library created by developer Igor Escobar. Source and usage: https://igorescobar.github.io/jQuery-Mask-Plugin/docs.html UniGUI Demo // UniEdit > ClientsEvents > UniEvents // Example Phone function afterCreate(sender) { var SPMaskBehavior = function(val) { return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009'; }, spOptions = { onKeyPress: function(val, e, field, options) { field.mask(SPMaskBehavior.apply({}, arguments), options); } }; $("#" + sender.id + "-inputEl").mask(SPMaskBehavior, spOptions); } Regards, Eduardo Belo UniGUIOnTheFlyMaskChange.rar
  7. 7 points
    New upload SendSMS v.0.2.zip
  8. 7 points
    Good Morning Sirs, From 6_3 edition something has changed in FastReport. If you are using a, empty frxDBDataSet (to save your time) and design your report on the fly, then add thees two line in your unit, from now : ___________________________________________________ frxReport1.DataSets.Add(DBMyDataSet); frxReport1.EnabledDataSets.Add(DBMyDataSet); ___________________________________________________ Thx to Paul Gursky (FastReport Support Team) procedure TfrmFastReport.Prepare_And_ShowReport(Report: TfrxReport; Exp: TfrxPDFExport); var AUrl : string; begin Report.PrintOptions.ShowDialog := False; Report.ShowProgress := false; Report.PreviewOptions.AllowEdit := False; Report.EngineOptions.SilentMode := True; Report.EngineOptions.EnableThreadSafe := True; Report.EngineOptions.DestroyForms := False; Report.EngineOptions.UseGlobalDataSetList := False; Exp.Background := True; Exp.ShowProgress := False; Exp.ShowDialog := False; fFile_Temp:=UniServerModule.NewCacheFileUrl(False, 'pdf', '', '', AUrl, True); Exp.FileName :=fFile_Temp; Exp.DefaultPath := ''; //****************************** Report.LoadFromFile(fFr3_File); // 1 DBMyDataSet.DataSet:=fFrDataSet; // 2 // FROM FastReport 6_3 (important) frxReport1.DataSets.Add(DBMyDataSet); //3 frxReport1.EnabledDataSets.Add(DBMyDataSet); //4 //****************************** fFrDataSet.DisableControls; // Yes Report.PrepareReport; Report.Export(Exp); UniURLFrame1.URL := AUrl; fFrDataSet.EnableControls; end; Best Regards.
  9. 6 points
    1) Works only in standalone, service mode 2) Tested over ARR proxy (IIS), Nginx 3) Use same port that UniServerModule 4) Enjoy WSEcho.zip P.S. Dont use with HyperServer(HyperService)
  10. 6 points
    From the world famous series "uniGUI DOES" here we go with simple animations with the greatest results and minimal efforts... Just define the CSS animation and apply to any interface object. In this case, panels hosting images. Have fun. www.unigui.com.br-uniGUI DOES ANIMATIONS.rar
  11. 5 points
    uniGUI does TinyMCE (revisited) After checking several editor examples and the promise of the full html editor has not yet appeared in uniGUI, check out this solution published in 2016 by an uniGUI contributor. I recompiled and checked the features, still working without problem in the new versions. So if you need to add an html editor and save the text code, this is a really good solution. Author: Stanislav Panteleev http://digital-flame.ru/author/stanislav_panteleev/ http://digital-flame.ru/2016/02/10/unigui-tinymce-dobavlyaem-moshhnyiy-tekstovyiy-redaktor/ FYI: I know this was posted here before. www.unigui.com.br-TinyMCEdemo.rar
  12. 5 points
    Instructions: 1 See ClientEvent in form BeforeInit 2 See files in Files folder and declare them in ServerModule CustomFiles 3 Customize colors and text in the BefoneInit function Visit https://t.me/uniguiexpress Or http://www.uniguiexpress.com (coming soon) www.unigui.com.br-WhatsAppButton.rar
  13. 5 points
    English: This example shows how to copy text using the clipboard but on the client side and not using the application memory area on the server. In other words, it's how you should do the "copy and paste" in uniGUI. Portuguese: Este exemplo mostra como copiar texto usando o clipboard mas no client-side e não usando a área de memória do aplicativo no servidor. Em outras palavras, é como se deve fazer o "copiar e colar" no uniGUI. Thanks to Sherzod Code: http://forums.unigui.com/index.php?/topic/6116-copy-paste-selected-text-in-tunimemo/&tab=comments#comment-31802 Moderator/ Staff: http://forums.unigui.com/index.php?/profile/906-sherzod/ Also, third party code from the web. uniGUI DOES COPY TEXT TO CLIPBOARD.rar
  14. 5 points
    Maybe this can help you. resize the webbrowser ejemplo_layout.rar
  15. 5 points
    Ok, please find now attached my message dialog solution. For better understanding, I put it into a simple test environment. Finally it can be used very similar to the origin MessageDLG procedure. It supports already various settings, but still can be easily tailored to whatever needs you have. Any feedback & comments are welcome P.S. I just uploaded a new version with new options to change fonts, colors, icons (awesome font) and button content very easily from your application. Its a complete replacement of the existing messagedlg procedure. Just import the unit "uDialog.pas" and replace existing messagedlg calls with messagedlgA. P.P.S. Happy New Year to everybody of this great community uniGUI - MsgDLGDEmo.zip
  16. 4 points
    Hello friends, Here is an easy sample for switching between Desktop and mobile version. Best regards. NB : Replace Const MyIP = by yours (on MainModule) Hybrid2.zip
  17. 4 points
    Hi All My Project I Hope you like it, its A Hotel Management System My Project1.mp4
  18. 4 points
    my new baby :-) "one to rule them all" works for smartphone, tablet, desktop .. "Fake"- PWA- Technology for a feeling like a native Android-App Selfe styled uniDBGrid with hover-effect on records ... .. ui_demo.webm
  19. 3 points
    Hello, I am a user and enthusiast of uniGUI and I am promoting a YouTube channel with tips and marketing of a base project with native components and some techniques that speed up the development process with a nice layout. The Brazilian community is growing and we wish to contribute to the growth of uniGUI. YouTube https://www.youtube.com/channel/UClAoKfysP8spZBEtlII3GQg WhatsApp Project RadCORE Group https://chat.whatsapp.com/FSqt24K73uz4qSwMWLWtm9 WhatsApp UniGUI - The Community Group https://chat.whatsapp.com/FrlSDHAoVX51ihEZPgEN93
  20. 3 points
  21. 3 points
    Hello Paul, I did not retreive it, but i will explain here, step by step, what i did with my free home server (This work from Oct 2015 without problem). A. Introduction 1.The first thing is how to start an Unigui application: - either via IIS (ISAPI dll): MyIP_ServerAdresss / MyAliasFolder / MyApplication.dll - Or via Service: MyIP_ServerAdresss / MyApplcation: MyPort (MyPort = 8077, 8078, 8079 ...) Follow the deployment steps in the Developer Manual: http://www.unigui.com/doc/online_help/deployment.htm (My preference, today (May 2019) goes for the Service. Since August 2018 use the FMSfot HyperServer technology and the Hyperserver requires a Standalone Application: it's very simple to set up Follow the steps: http://www.unigui.com/doc/online_help/hyperserver.htm) 2. Once your application launches well on your Development Station, you can then deploy it on a good PC (i5, 8 GB RAM, preferably Windows Server Edition) On ebay, you can have Genuine Windows Server Edition Licenses for € 8. Do not forget to install the Runtime on this PC: FMSoft_uniGUI_Complete_runtime_1.90.0.1501.exe (May 2019) 3. Now connect this PC (server) to the internet via a simple modem. 4. Open your favorite browser and tape: MyIP You will find your Internet IP address: xx.xx.xxx.xx 5. This IP address is not that of your PC (server), but that of your Modem (telephone line) So if you try to launch your application from a smart phone connected to the internet from a chip (not wifi) for example: xx.xx.xxx.xx / MyApplcation: MyPort This should give you the homepage of your Modem and you will not see your application launch! The Solution and this is the most important step: Tell your MODEM that this IP address (xx.xx.xxx.xx) should point to your PC (server). To do this : 5.1 Assign a static address to your PC (Server): example (see picture) 5.2 Enter your MODEM via Browser: 5.3 Look for something like: Advanced 5.4 DMZ> NAT 5.5 DMZ: Activated 5.6 Assign: the pointing address: 5.7 Save and Restart your Modem. End. Now your modem, as soon as it is called xx.xx.xxx.xx, from the outside, it will point to your PC (Server) 6. Test from a smart phone connected to the internet from a chip (no wifi) for example: xx.xx.xxx.xx / MyApplcation: MyPort And it will work 7. Do not forget to install a good UPS, voltage stabilizer to your PC (Server). END. Edited : I forgot ! B. Fixing IP adress Now, your internet IP adress points to your PC (Server) OK. But this IP adress remains 24 h only and will automatically change to morrow. Solution : 1. Buy a Domain Name with an IP Static yy.yy.yyy.yy from internet : there are a huge providers 1.1 Run your Unigui Application like this : - ISAPI : yy.yy.yyy.yy/MyAliasFolder/MyApplication.dll - Or Service : yy.yy.yyy.yy/MyApplcation:MyPort (MyPort = 8077, 8078, 8079 ...) 1.2 or smooth call : - ISAPI : MyDomaineName.com/MyAliasFolder/MyApplication.dll - Or Service : MyDomaineName.com/MyApplcation:MyPort (MyPort = 8077, 8078, 8079 ...) 2. Or use a Free dns like NoIP or my prefered Dynu dns : https://www.dynu.com/ 2.1 Sign Up and follow the steps 2.2 Download their great tool : Dynu IP Update Client this will capture your daily dynamic IP adress and fixed it as an alias. Example : YourSubDomaine.dynu.net point always to your PC (server) 2.3. Run your Unigui Application like this : - ISAPI : YourSubDomaine.dynu.net/MyAliasFolder/MyApplication.dll - Or Service : YourSubDomaine.dynu.net/MyApplcation:MyPort (MyPort = 8077, 8078, 8079 ...) Have fun Best Regards
  22. 3 points
    I wasted 2 days in this because some easy to avoid mistakes, read these to save some time 1- IF you Are going To install the Certificate on a stand alone Exe application Flow these 1- Before you start buy or install certificate you must read this first. a. http://www.unigui.com/doc/online_help/ssl_configuration.htm b. http://www.unigui.com/doc/online_help/getting-a-ssl-certificate-from.htm c. http://forums.unigui.com/index.php?/topic/8380-eidosslgetmethoderror-in-ssl-enable/&do=findComment&comment=43321 2- Don’t generate req.csr file using IIS as godaddy instructs , install and use openssl as the document above describes to generate 2 files. - download openssl from http://slproweb.com/products/Win32OpenSSL.html 3- Keep key.pem in safe place IE don’t lose it. 4- When downloading Certificates files from godaddy don’t select Server Type: IIS, but select Server Type: Other. -- rename the downloaded 2 files as described in the document above . 5- Use the right DLL files 32 or 64 according to your application type. Edit 2- IF you Are going install the certificate On IIS Server Flow below: - Generate csr.txt file using IIS as GoDaddy instructs. - VIP- When you copy the csr.txt Be very Carful there is a space at the end of the file don't uses select all or it will corrupt the certificate. -When downloading Certificates files from GoDaddy select Server Type: IIS regards
  23. 3 points
    The webinar was pretty good. When introducing the development tools they skipped over UniGUI very quickly. But when it came to the demo, UniGUI got the most exposure of all and attracted the most comments.
  24. 3 points
    uniGUI DOES Circular Images aka Avatars Don't ask me way but they are in everywhere. Don't ask me why they must be circular either. But... that's it. This project show some methods to produce circular images and how to apply loading, as resource and applying to a regular image at run-time. Thanks to Sherzod for correcting my CSS class name. Have fun uniGUI DOES AVATARS.rar
  25. 3 points
    Thank you, From your message I have reached another, where there is an example, which I had already seen, but it did not work correctly. I suppose the versions of the library were not correct. I added a call to a function that was missing ... and to work. I enclose the corrected example in case it serves you. regards Felix mobile_sig_test.zip