Simple implementation...

UniDBGrid.ClientEvents.ExtEvents ->

1. 

function beforeedit(editor, context, eOpts) 
{
    editor.grid.needToClear ? context.value = "" : {};
}

2. 

function beforeitemkeydown(sender, record, item, index, e, eOpts)
{
    var me=sender.grid;
    me.needToClear = (e.getKey() !== 13 && e.getKey() !== 9);
}

3. 

function beforeitemkeypress(sender, record, item, index, e, eOpts)
{
    var me=sender.grid;
    if (!me.editingPlugin.editing) {
        me.editingPlugin.startEditByPosition({
            column: me.uniCol,
            row: me.uniRow     
       })
    }
}

VCL - like behaviour.

Ext.ux.plugin.BadgeText

How to use?

1. Download the file BadgeText.js from here: https://github.com/Certun/Ext.ux.plugin.BadgeText/blob/master/BadgeText.js and copy to the directory /files/

2. Add CustomFiles in UniServerModule: 

files/BadgeText.js

3. UniButton1 -> ClientEvents -> UniEvents add beforeInit function

function beforeInit(sender)
{
  sender.action = 'badgetext'; 
  sender.plugins = [
                        {
                            ptype:'badgetext',
                            defaultText: 10,
                            disableOpacity:1,
                            disableBg: 'green',
                            align:'right'
                        }
                  ];
}

Use

For example: 

procedure TMainForm.UniButton1Click(Sender: TObject);var
  bJSName: string;
begin
  bJSName := (Sender as TUniButton).JSName;
  UniSession.AddJS(bJSName + '.setBadgeText(' + bJSName + '.getBadgeText() + 1);');
end;

source: https://github.com/Certun/Ext.ux.plugin.BadgeText

demos and more config: https://fiddle.sencha.com/#fiddle/4dc

is another similar plugin... https://fiddle.sencha.com/#fiddle/2ar

Best regards.

https://flatpickr.js.org/examples/

I am creating set of components. Feel free to send me javascript libraries to make them an UniGUI component and add to this package.

You can find good libraries from this web sites :

https://www.javascripting.com
http://www.bestjquery.com/
https://bestofjs.org/
https://awesomerepos.com/javascript

# Changelog

## [10 Sep 2019]

- UniOSPaypalButtons Link

## [11 Apr 2020]

- UniWebCam and UniVideoPanel Link

## [09 Jul 2020]

UniFlowChart and UnimBarcodeScanner Link

## [18 Aug 2020]

UniQZ Link

Please change this based on your delphi version. http://docwiki.embarcadero.com/RADStudio/Rio/en/Compiler_Versions

UniGUIOS.dpk

(Version/Release April,01/2026)
Click to see animation

An easy way to keep direct contact with users, clients and ppartners using you application is more than a nice feature but mandatory. Here you can add this tool to type direct to them without relay ini any other third party tool and ad the same time keep all in your "hands". All in just one form to embend easy and fast.

Chat support between user in ithe same uniGUI app using uniGUI WebSocket. No need to external tools or protocol o even special ports. Is all native.

Simple as possible: Given username, you´re ready to go.

Save all message history in a SQLite table. Nothing is lost. At the same time you can easily expand to provide reports, recover data etc.

Support file transfer between sessions wiith image thumbnail preview.

Desktop or Mobile UI. Only with uniGUI Native controls.

No external JS libs.. plain Delphi/uniGUI.

Two examples: Chat as Main Form, Floating button to call chat form (easy to integrate).

No need to use under SSL domain or certificates.

Works in ISAPI with the same port !

Download It
(Install runtime 1604 and run exe standalone)

Visite https://unigui.com.br/uniGUINativeChat.html

Lite Edition (Version/Release March,02/2026)

I thought someone might find this useful...

UniListBox.ClientEvents.ExtEvents ->

function afterrender(sender, eOpts)
{
    var lb = sender,
        store = lb.getStore(),
        field = lb.displayField || 'val';

    lb._searchBuffer = '';

    lb.on('keypress', function(e){

        var ch = e.event.key;

        if (!ch || ch.length !== 1)
            return;

        lb._searchBuffer += ch.toLowerCase();

        Ext.defer(function(){
            lb._searchBuffer = '';
        }, 1000);

        var idx = store.findBy(function(rec){
            var text = rec.get(field);
            return text && text.toLowerCase().startsWith(lb._searchBuffer);
        });

        if (idx !== -1) {
            lb.boundList.getSelectionModel().select(idx);
            lb.boundList.getNavigationModel().setPosition(idx);
        }

    });
}

Chat Using uniGUI/WebRTC

uniGUI Video Chat
(Click to watch animation)

Description
Using uniGUi WebRTC Video Chat is straight forward solution, as it's browser based with easy integration to uniGUI projects with out external JS libs, frameworks or Delphi components pack. All browsers are supported! Using mobile? No problem, you can either use your mobile web browser or our fully-featured uniGUI app. Easy to use and implement in your apps and will not make a dent in uniGUI's apps performance since it uses WebRTC and works as peer-to-peer connection (Mesh). Up to 100 users online and 6-10 users per room. Limits are defined by client internet speed, since feed is done peer-to-peer. It has a VCL dasboard and an uniGUI to manage rooms close, kick users, create and share links. From those links, participants can access via another desktop computer, mobile or tablet. You can integrate it and modify as you wish. Below, see the main features and resources.
Resources and Details
	The demo version is a Desktop/Mobile Responsive UI. Already full responsive code,and easy to implement and modify start html file. Therefore, you can place your own logo/name (white label)
	Support for all current browsers. No need to install anything.
	Demo uniGUI application has no restrictions or dependencies. Runs on-line in our server.
	Dinamic link creation: easy to create invite links: ex: https://mydomain.com/room/?room=MyRoom&name=Guest Where MyRoom, means any room name, and name, the ID of the new user. If Room already exists, you will get into the same room already available. Thats it !
	You don't even need a domain to run it, can run in your local network. But as all midia saas in the internet, to use in a public domain access or IP , you need SSL (or domain), with a valid certificate, if running standalone. (Tip: use cloudflare and get this for free !)
	Web regular JavaScript and native WebRTC for integration. All code included !
	HD audio, video with cient side controls (mute audio, close client video feed).
	Invite and share to your chat rooms by direct link in WhatsApp, Telegram and other app or networks social midia. No plug-ins, no add-on instalation at client side. Click and enter the room.
	You can define you VideoChat rooms name and share it. More fetures cominng in next releases.
	Enter a room with just on click in a shared link in desktop or mobile.
	Peer-to-peer connection. No need for a dedicated domain per room.
	Very low bandwidth consumption (hence peer-to-peer / WebRTC) .
	No other third party components or JS Libs. Easy to use in uniGUI.
	A practical solution to virtual classes, products demonstration, training, sales, marketing tools etc.
	Multi Language Support Built in and easy to add more or modify.
	Language Support: English, Português, Español, Français, Italiano, Deutsch,Русский and 中文 (简体 - Simplified Chinese)
	Easy to adapt code and embed in your uniGUI projects.
	Room duration: Define how long a room will be active. Good for "shows",performances, classes and time limited support session. (room is closed and user disconnected from it when finished). A clock show remaining time with audio alerts.
	You can make your own SaaS with out the need of mega expensive IT structure. All Delphi/uniGUI and Javascript, sinec all moder browser support WebRTC. .
	One Year of free updates. More features coming soon: text chat in rooms, file sharing, whiteboard, and shared desktop.
	No hidden costs or fees.
	Yes, we offer consulting on adapting this example to your projects. Contact us to receive a quote.
	Get all MediaSoup source-code or expand it using their well documented website and repositories at GitHub.
	Buying this project you also get the Jitsi project Source-code (see main menu). More recomended for large scales and more professional use.
	MediaSoup, the JavaScript lib behind this app, is really free to use, powerful and no hidden fees.
	So you get two projects for one price.
	Coming next: Payments, credits, animation, PIX (Brazil only) support in room, "gifts" etc.
	With other VCL packs like SGCWebSockets, RVMedia and Alcinoe you get stuck with VCL format, install program, client updates, support, device restrictions ! Here is pure uniGUI/Delphi power !
	First of many projects coming this way using this solution. This is one of a kind. There is no Delphi current component pack that does that. Not even
We no longer provide updates to the uniGUI VideoChat project using Jitsi or Media Soup. WebRTC is our final solution and the one we will invest effort and time to improve. This is not a component ! Is whole project ready to use,modify and distribute. 4 years in the making. For public access (Your domain, for instance), you need to use SSL. If your´re not familiar with this kind of application, please, get in touch with us FIRST before acquisition. Chck price and more details at https://unigui.com.br/uniGUIWebRTCVC.html

UniMinimizedForm.pas

Unit which automatically handle form Maximize/Restore/Minimize/Resize for base UniGUI TUniForm class in MDI style.

Just add it in uses on any UniGUI form in interface section:

Using this for a long time, but recent build 

Delphi 10.4.1 with unigui FMSoft_uniGUI_Complete_Professional_1.95.0.1610

Got error as The procedure entry point ..could not be located .. in a dynamic link library

Regards

Lawrence

Android Biometric (FingerPrint) to uniGUI APP

Description For some time now I have been trying to make a simple FMX APP that opens my uniGUI APPs on my phone but reading the fingerprint or another form of biometrics. Since the fingerprint is the simplest (apart from passwords), FMX and Android recent changes has caused a real mess with in directives for APP permissions and compatibility issues with previous versions. I finally got a material that works on any version of Android (above PIE - API 28) as long as it has a fingerprint reader. And here is a simple project in FMX to open an APP (in this case, just our website) that can be used to give a more professional tone to your APPs with uniGUI. Since Android is the dominant mobile OS in Brazil, Latin America, much of Eastern Europe and Asia, I think you might be interested in this project. Soon, coming the Time Clock Employee version with GPS and rest server in uniGUI with dashboard. Resources and Details   Native Delphi/FMX code.   Simple to use and adapt   Demo FMX application has no restrictions or dependencies. After Auth, opens URL of your APP.   You don't even need a domain to run it. Using Android you can provide an APK to your clients and target your uniGUI app at your server (see demo below).   No other third party components. Easy to use in uniGUI/Delphi.   Native Android Biometrics JAVA lib. No incompatibility with old Androids OS Version, once you have finger print reader in your device.   Requires Android 9 Pie (Android API 28) or higher   No hidden costs or fees.   Yes, we offer consulting on adapting this example to your projects. Contact us to receive a quote.   All code is yours !   If you don't have experience with FMX, deployment of FMX App, connect a mobile to you PC, configure SDKs aand other stuff related to FMX framework, please, stay away from this project. We don't provide support to basic FMX

https://unigui.com.br/uniguibioaccess.html

Detail, link above.

I'm excited to share IAMClient4D, an open-source library I've been working on for integrating OAuth2/OpenID Connect authentication in Delphi applications. 

**What is it?**

A production-ready, strongly-typed library for OAuth2/OIDC integration with specific focus on Keycloak, but "compatible" with any RFC-compliant provider.

**Key Features:**

- ✅ Authorization Code Flow with PKCE (RFC 7636)

- ✅ Client Credentials Flow for M2M scenarios

- ✅ Complete JWT validation (signature + 12 claims)

- ✅ Native Keycloak Admin API integration

- ✅ User & role management (CRUD + batch operations)

- ✅ DMVCFramework middleware for REST APIs

- ✅ Async.Core - reusable async/await pattern for Delphi

- ✅ Cross-platform: VCL, FMX, Windows, Linux, iOS, Android

**Security:**

- RS256/RS384/RS512 signature verification

- JWKS auto-discovery with cache

- AES-256 encrypted token storage

- Certificate pinning support

- State/nonce validation

**Developer Experience:**

- Fluent API with builder pattern

- Strongly-typed DTOs

- Docker stack included (Keycloak + PostgreSQL + Nginx)

- Comprehensive documentation

- Real-world examples

**Use Cases:**

- Enterprise SSO integration

- REST API authentication

- Desktop/mobile and web (uniGUI)

- User management dashboards

**License:** Apache 2.0

**GitHub:** https://github.com/claudio-piffer/IAMClient4D

Happy coding! 🚀

Have fun !

See at pack 04

Hello,

I have published in github my components to generate charts in uniGUI using de Google Charts API.

The components support the following types:

• Annotation
• Area
• Bar
• Bubble
• Calendar
• Candlestick
• Column
• Combo
• Diff
• Donut
• Gantt
• Gauge
• Geo
• Histogram
• Intervals
• Line
• Organization
• Pie
• Sankey Diagram
• Scatter
• Stepped Area
• Table
• Timeline
• Tree Maps
• Trendlines
• Waterfall
• Word Trees

The library includes in demos folder the GChartsDemo project with several examples that show how to build the different class charts.

When running the demo you can:

• Display the Delphi Code used to generate the Chart
• Click Google Guide button to see the official documentation of Google Charts.
• Click on the Chart to see fired events
• (new) Click on Print button to print current frame with the chart/charts:

You can get the source code in https://github.com/JosepPages7/Delphi-GCharts

Please, if you use or like Delphi GCharts, "Star" this project in GitHub! 

[Desktop and Mobile versions]

It is based on code I have used in several projects and actually developed to fulfill my needs.

It can add , edit , remove , locate markers , lines , polylines , circles , polygons ,
rectangles , directions , KML, infoWindows ,
change several map properties like zoom , type , control visibility etc ,
notify about map events through AjaxEvent like zoom , click , markerclick and
get some object properties like Length , Area etc.

It is absolutely free and you can use it freely in your own software.
If you make any changes that you believe can help other developers too,

please send them to me to integrate them into uniGMap.

You can see it in action here :
http://79.143.178.31/lema/uniGMapDemo.dll

http://144.91.94.212/lema/uniGMapDemo.dll

Although it is not a requirement,
I would ask you to send a postcard from your hometown so that you help me grow my collection!

If also you write 2-3 words, it would be perfect!

So, lick your stamp and send your postcard to:

Lefteris Maronikolakis,

Bohali 92,

11524 Athens,

Greece.
 

latest version: 2017-09-15  v1.4.8

uniGMap.v.1.4.8.zip

Same one can help me?

Thanks!

I have uniURLFrame in my from and set it's URL to a web page.

source code of that page contain a jacascript function let say function F1 to do something on the page.

I would like to know how to call that javascript function from Delphi for example onclick of uniButton on a form.

I have search Google world wide and this forum but can not find the answer,

Please Help,

Thank you 

Whcaharachai

For dear novices I will explain, you have this code in

UniServerModule -- > CustomCSS

Copy and assign the object to the CLS section in Layoutconfig when designing, or use this command when executing

bitbtn1.JSCall('addCls', [' ...... ']);

you can do if you like 

first,

this sites can help to build css runtime

https://htmlcheatsheet.com/css/