irigsoft

I have found solution, here is result: code is based on this: https://blog.logrocket.com/creating-beautiful-tooltips-with-only-css/ .hintClass { /* color: #93612b;*/ color: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; /* background: red;*/ /* background-color: dimgray; */ border: 0px; text-align: center; /* padding: 5px; */ /* border-radius: 20px; */ position: relative; display: inline-block; border-top: 5px dotted green; /* If you want dots under the hoverable text */ } .hintClass2 { background: green; border: none; font-size: 10px; font-family: "Lucida Console", "Courier New", monospace; /* padding: 5px 0; */ border-radius: 20px; position: relative; border-bottom: 5px dotted black; /* If you want dots under the hoverable text */ content: attr(data-text); /* here's the magic */ position:absolute; /* vertically center */ top:50%; transform:translateY(-20%); /* move to right */ left:100%; margin-left:15px; /* and add a small left margin */ /* basic styles */ width:200px; padding:10px; border-radius:10px; background:#000; color: #fff; text-align:center; }

If I add .hintClass2 { background: green; border: none; font-size: 10px; font-family: "Lucida Console", "Courier New", monospace; padding: 5px 0; border-radius: 20px; visibility: hidden; } then I get this as result: , how to hide this region ?

@Sherzod, I need Your advice again. I use this settings: .hintClass { /* color: #93612b;*/ color: #fff; font-size: 14px; font-family: Arial, Helvetica, sans-serif; background: red; background-color: dimgray; border: 0px; text-align: center; /* padding: 20px 0; */ /* border-radius: 6px 6px 6px 6px; */ } .hintClass2 { background: green; border: none; font-size: 10px; font-family: "Lucida Console", "Courier New", monospace; padding: 5px 0; border-radius: 20px; } and I get this result now I need to hide border from image, how can I do that ?

Hello, try to add your settings into .hintClass, and remove visibility: hidden;

Hello, 1. try to replace code into CustomCSS.js with this new one: Ext.override(Ext.Component,{ onRender: function() { if (this.hasCustomHint) { var el = this; this.on ('mouseover', function () { var _title; _title = el.getEl().getAttribute('title') || el.getEl().dom.getAttribute('title'); if (!el._toolTip && _title!=null) { el.getEl().dom.removeAttribute('title'); el._toolTip = Ext.create('Ext.tip.ToolTip', { target: el, html: '<span class="hintClass">' + _title + '</span>', trackMouse: true, userCls: 'hintClass2' }); el._toolTip.show() } }) } this.callParent(); } }); 2. Clear Browser cash for You servers IP 3. Start Application and new style will be appear over button, Edit, Label, Memo

@Sherzod, Thank for Your fast support. Is it possible to add CustomHint into ActionButtons on DBGrid ?

Now, all work perfect, after clear cash. Thanks .

I replace code into CustomCSS.js, and not different found, not work

I must change code into CustomCSS.js?

Sorry, I send You a new one REST Server.zip

Yes. REST Server.zip

Hello, I had a similar problem, when I run a long-running request (AdoQuery), my connections break after ajaxTimeout. I extended the AdoConnection timeout and that fixed my session disconnection issue. So, you might try changing the AdoConnection.timeout in addition to Abaksoft's advice

Hello, I have problem with Your code. I try to use it on uniButtons, uniLabel, uniMemo. copy your code into js and css files and add it on "files", after that I add it in uniServerModule.CustomFiles, like your video. After that I write into UniGUIMainModuleNewComponent if TUniButton(AComponent).JSInterface <> nil then TUniButton(AComponent).JSInterface.JSProperty('hasCustomHint',[True]); but js code dont work. Same like Luciano França. I try to write this js code into uniButton.CustomEvents.ExtEvents.boxready, but not work. var el = this; //sender; var _title; _title = el.getEl().dom.getAttribute('title'); el.getEl().dom.removeAttribute('title'); el._toolTip = Ext.create('Ext.tip.ToolTip', { target: el, html: '<span class="hintClass">' + _title + '</span>', trackMouse: true, userCls: 'hintClass2' }); //el._toolTip.show() I try to write this js code into uniButton.CustomEvents.ExtEvents.click and after click on button all work for this Button I try to write this js code into uniButton.CustomEvents.ExtEvents.afterrender and then in Form I move mouse over button, I see My Hint and tooltip = null Can You tell me what I am wrong ?

Thanks, in my case this works.

I work on it, I use same manner. If I succeed, I will show here the result. I have over all my components CustomCSS, that is CustomCSS[componentClass]

Hello, how to change Hint properties (color, Font size, Font Color) of uniBitBtn with CSS. I have many buttons and I use Hint to show text to user, now I want to change visual presentation of this Hint of controls. I found that Button Hint is saved as title=...., how to set font.size, font.color, background.color of this CSS "title"

Hello, something like this? : https://kazzkiq.github.io/balloon.css/ or this: https://www.w3schools.com/css/css_tooltip.asp

Hello, Try to send answer to Client with this in procedure TUniServerModule.UniGUIServerModuleHTTPCommand : //send answer to client AResponseInfo.ResponseNo := 200; AResponseInfo.ContentEncoding := '1251'; ARequestInfo.Document := YOURJSON ANSWER AResponseInfo.ContentText := YOURJSON ANSWER AResponseInfo.WriteContent; Handled := True; AResponseInfo.CloseSession; Try to read into procedure TUniServerModule.UniGUIServerModuleHTTPCommand : ARequestInfo.POSTStream ARequestInfo.Params ARequestInfo.RawHTTPCommand maybe there will be data sended from REST debugger

Try to change AResponseInfo.ContentText in TUniServerModule.UniGUIServerModuleHTTPCommand

In example I give You on TUniServerModule.UniGUIServerModuleHTTPCommand, this part //check if type is JSON file if (POS ('/JSON',ARequestInfo.URI) > 0) then begin // DO YOUR REST STUFF AResponseInfo.ResponseNo := 200; AResponseInfo.ContentEncoding := '1251'; ARequestInfo.Document := mmReadDocument (1,Copy (ARequestInfo.Document,Length ('/JSON=')+1,Length (ARequestInfo.Document))); AResponseInfo.ContentText := ARequestInfo.Document; AResponseInfo.WriteContent; Handled := True; AResponseInfo.CloseSession; end; must get json sended from restdebuger, did You get data there ? If not try to send data in url (just for test) and check If you get data.

Yes, 1551. So You want to send JSON in body of request ? Do you get any data from the client in TUniServerModule.UniGUIServerModuleHTTPCommand, when testing with restdebuger?

Maybe You have problem with TNetEncoding.Base64.Encode and decoding , i am not sure. Can you try send request from RESTDebugger to Exe compiled by me. and see in Right memo, what result will show. Send request by this way direct in Browser: http://yourserver:port/JSON=EncodedBase64 (JSONdata). all must be in URL. Try to encode data with this: https://www.base64encode.org/

Hello, try with this REST server. REST Server.zip

@erich.wanker, here is a good solution explained, have you tried it?: https://developer.chrome.com/articles/file-system-access/ You must to use window.showOpenFilePicker(), not window.open();

Hello, did You try to get file like is an example "file:///c:/temp/yourfile.txt" ?