Border color change error...

[Eugeniusz Rink]

Hello...

I used this code:

procedure TMainmForm.UnimEdit2Enter(Sender: TObject);
begin
with UnimPanel4.JSInterface do
      JSCall('inputEl.dom.style.setProperty', ['border-color', uniColor2Web(clGreen)]);
end;

When I enter UnimEdit2 I get this error:

What am I doing wrong?

 

[Sherzod]

Hello,

For which component?

UnimPanel, UnimEdit?

[Eugeniusz Rink]

When I enter UnimEdit I want to change the UniPanel border.

[Sherzod]

procedure TMainmForm.UnimEdit1Enter(Sender: TObject);
begin
  with UnimPanel1.JSInterface do
    JSCall('bodyElement.dom.style.setProperty', ['border-color', uniColor2Web(clGreen), 'important']);
end;

 

[Eugeniusz Rink]

Thank you Sherzod for your help.

The error is gone but the border color does not change ;-(

[Sherzod]

Didn't forget to add: important?

[Eugeniusz Rink]

No.

[Sherzod]

Which theme are you using? Can you make a simple testcase? 

[Eugeniusz Rink]

[Eugeniusz Rink]

Ok...

I solved the problem by changing the CSS

procedure TMainmForm.UnimEdit2Enter(Sender: TObject);
begin
UnimEdit2.JSInterface.JSCall('addCls', ['_Password']);
end;

procedure TMainmForm.UnimEdit2Exit(Sender: TObject);
begin
UnimEdit2.JSInterface.JSCall('removeCls', ['_Password']);
end;

Probably not a very nice solution, but it works ;-)