How To: change uniPanel BORDER color and make border sides visible/invisible

[mierlp]

Hi

I have 2 questions regarding a uniPanel:

1. When uniPanel.BorderStyle = ubsSolid how can i change the border color ?
    
2. How can a make individual border sides visible/invisible...sometimes i only
   need to show the left, right and bottom border but not the top border, how to make in invisible? 

Regards Peter

[Sherzod]

Hello,

There are several ways to achieve this.

2 hours ago, mierlp said:

When uniPanel.BorderStyle = ubsSolid how can i change the border color ?

One possible solution:

function beforerender(sender, eOpts)
{
    sender.setStyle('border-color', 'red');
}

 

2 hours ago, mierlp said:

How can a make individual border sides visible/invisible...sometimes i only
need to show the left, right and bottom border but not the top border, how to make in invisible? 

function beforerender(sender, eOpts)
{
    //#1
    sender.setStyle('border-color', 'red');
    
    //#2
    sender.setStyle('border-left-width', '0'); //or '1px' to show for example
    sender.setStyle('border-top-width', '0');
    sender.setStyle('border-right-width', '0');
    sender.setStyle('border-bottom-width', '0');
}

 

[mierlp]

Thank you Sherzod...works perfect

[Muhammad Idris]

On 7/19/2021 at 9:17 AM, Sherzod said:

Hello,

There are several ways to achieve this.

One possible solution:

function beforerender(sender, eOpts)
{
    sender.setStyle('border-color', 'red');
}

 

function beforerender(sender, eOpts)
{
    //#1
    sender.setStyle('border-color', 'red');
    
    //#2
    sender.setStyle('border-left-width', '0'); //or '1px' to show for example
    sender.setStyle('border-top-width', '0');
    sender.setStyle('border-right-width', '0');
    sender.setStyle('border-bottom-width', '0');
}

 

how to change border color when border style=usb Default ?
because when I change it to borderstyle=ubsSolid, the rounded disappears

[Sherzod]

On 10/20/2022 at 6:22 PM, Muhammad Idris said:

how to change border color when border style=usb Default ?
because when I change it to borderstyle=ubsSolid, the rounded disappears

Hello,

Sorry, something I didn't understand...

What theme are you using, custom css !?

Please explain in more detail.