Changing color of modal resizeable form's border and title bar

[Tim]

Hello,

 

I have a modal resizeable form in my project which looks like this:

 

 

I would like to change the color of the title bar and borders so it looks something like this:

 

 

The text in the title bar should also be changed to black.

 

I've been struggling to find a comprehensive answer in this forum (the fact that "border" and "color" are apparently banned words in the forum search doesn't help).

 

For example, i tried the technique in the following post:

 

http://forums.unigui.com/index.php?/topic/3799-form-border-color-change/&do=findComment&comment=49474

 

Which only affects the title bar:

 

 

Then i tried the technique in the following post:

 

http://forums.unigui.com/index.php?/topic/3799-form-border-color-change/&do=findComment&comment=49473

 

With the following result:

 

 

Any suggestions?

 

Many thanks

Tim

[Sherzod]

Hi,

 

Which build are you using ?!

[Tim]

Sorry, it's UniGui v1.0.0.1422 and Delphi 10.2 Update 1 on Windows 8.1.

[Hayri ASLAN]

Hi

 

Please add this to onCreate of Form.

with WebForm.JSInterface do
   begin
     JSAddListener('afterrender', JSFunction('sender','var me=sender; '+
                                             'me.header.el.setStyle({"background-color": "green"}); '+
                                             'me.header.el.setStyle({"background-image": "none"}); '+
                                             'me.header.titleCmp.el.setStyle({"color": "black"}); '+
                                             'me.el.setStyle({"border": "solid 3px green"}); '+
                                             'me.el.setStyle({"background-color": "green"});'));
     JSConfig('baseCls', ['x-panel']);
   end;

[Tim]

Thanks, it works perfectly!