TEdgeBrowser text or button overlay

[Alspa 0]

I am relatively new to C++ builder (Rad Studio 12.3). I am trying to develop a kiosk app in which a web page is displayed full screen, no menus or address bars or toolbars. I would like to place a transparent home button on top of the browser window but can't seem to get the control transparent. The only controls that can even be displayed on top of the TEdgeBrowser control is the TButton or TStaticText control. All others can't be brought up to sit on top of the TEdgeBrowser control. Any help would be immensely appreciated.

Edited 18 hours ago by Alspa

[dwrbudr 8]

You can place only descendants of TWinControl, such as TButton or TStaticText, and not descendants ot TGraphicControl such as TLabel, TImage.

[PeaShooter_OMO 34]

If you would be willing to have the button as part of the web page then you can add a button to the page through Javascript and execute that script with EdgeBrowser.ExecuteScript

 

You can obviously add an event to the button in Javascript and you can style your button through CSS.

 

If you want to send a notification back to your Delphi code from that button you can use the EdgeBrowser.OnWebMessageReceived Delphi event and in your Javascript button event you can call window.chrome.webview.postMessage(<some info>) to send the notification which EdgeBrowser.OnWebMessageReceived will receive

 

 

Edited 12 hours ago by PeaShooter_OMO