UniCanvas Border Styling

[mos]

I am trying to apply some styling to the border of a TUniCanvas using the following, but nothing appears:

procedure TMainForm.UniFormShow(Sender: TObject);
begin
  with UniCanvas1.JSInterface do
  begin
    JSConfig('style', ['border-style: solid']);
    JSConfig('style', ['border-width: 1px']);
    JSConfig('style', ['border-color: red']);
  end;
end;

If I comment out the border-width and border-color lines then the border appears.

How can I apply all the border styling to the Canvas.

[Sherzod]

15 minutes ago, mos said:

How can I apply all the border styling to the Canvas.

Hello,

Also try:

procedure TMainForm.UniFormShow(Sender: TObject);
begin
  with UniCanvas1.JSInterface do
  begin
    JSCall('setStyle', ['border-style', 'solid']);
    JSCall('setStyle', ['border-width', '1px']);
    JSCall('setStyle', ['border-color', 'red']);
    JSCall('setStyle', ['width', 'auto']);
  end;
end;

 

[mos]

Hi Sherzod,

    Thanks for that.

    I tried to add the following line to above code but all I get is a single vertical black line:

JSCode(#1'.el.query("canvas")[0].style.height="0";');

  I need to add this line to get around this other issue I posted awhile ago: http://forums.unigui.com/index.php?/topic/9976-setting-tunicanvascolor-issue/&tab=comments#comment-51953

 Can you tell me how I can fix this.

 

[Sherzod]

1 hour ago, mos said:

JSCode(#1'.el.query("canvas")[0].style.height="0";');

Please remind me, what did we use this for?

[mos]

Hi Sherzod,

  That line was originally used to fix an issue where if you tried to set the Canvas.Color property the Canvas did not show the color.

[Sherzod]

2 minutes ago, mos said:

  That line was originally used to fix an issue where if you tried to set the Canvas.Color property the Canvas did not show the color.

Hi,

OK, I will check.

[Sherzod]

24 minutes ago, mos said:

property the Canvas did not show the color

One question, canvas in "readonly" mode?

[mos]

Are you referring to the enabled property of the canvas?

[Sherzod]

5 hours ago, mos said:

Are you referring to the enabled property of the canvas?

Yes, editable property.

And how do you want to use the canvas?

[mos]

Yes Enabled is set to true.

I have a small UniCanvas next to a UniColorButton.

When the user selects a UniColorButton I want the UniCanvas to show the selected color.

[Sherzod]

10 minutes ago, mos said:

to show the selected color

Just wanted the paint to change color?

[mos]

Yes

[Sherzod]

And what if you will use UniPanel instead?

\FMSoft\Framework\uniGUI\Demos\Desktop\ColorPalette