Change color in UniButtonWidget

[artem_niko]

Hello!

How I can change color of UniBUttonWidget? Is it possible?

[Sherzod]

22 minutes ago, Артем said:

How I can change color of UniBUttonWidget? Is it possible?

Hello,

I will check.

[Sherzod]

1 hour ago, Артем said:

How I can change color of UniBUttonWidget? Is it possible?

For example without the "hover" effect:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts) 
{
    var widgetColIndx = 1;
    columns[widgetColIndx].onWidgetAttach = function(column, widget, record) {
        widget.setStyle('border-color', 'green');
        widget.setStyle('background-image', 'linear-gradient(lime, green)');
    };
}

 

[artem_niko]

1 hour ago, Sherzod said:

For example without the "hover" effect:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts) 
{
    var widgetColIndx = 1;
    columns[widgetColIndx].onWidgetAttach = function(column, widget, record) {
        widget.setStyle('border-color', 'green');
        widget.setStyle('background-image', 'linear-gradient(lime, green)');
    };
}

 

Excellent! Working fine!

[easegura777]

On 4/9/2020 at 1:53 AM, Sherzod said:

For example without the "hover" effect:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts) 
{
    var widgetColIndx = 1;
    columns[widgetColIndx].onWidgetAttach = function(column, widget, record) {
        widget.setStyle('border-color', 'green');
        widget.setStyle('background-image', 'linear-gradient(lime, green)');
    };
}

 

Hi, in TuniDBEdit  where do i add this code, the funcion reconfigure, it´s not in ClientEvents -> ExtEvents 

[Sherzod]

1 hour ago, easegura777 said:

in TuniDBEdit  where do i add this code

Hi,

Sorry, can you please explain what you wanted?

[easegura777]

5 hours ago, Sherzod said:

Hi,

Sorry, can you please explain what you wanted?

Hi, in TuniDBEdit  where do i add this code, the funcion reconfigure, it´s not in ClientEvents -> ExtEvents 

[mikromundo]

@Sherzod how can I change with CSS only ?

 

I try to find the "class" equivalent but I can not.

[Sherzod]

1 hour ago, mikromundo said:

 how can I change with CSS only ?

Hello @mikromundo

Could you please explain in more detail? 

[mikromundo]

 

this is the class i find...

but if I try to create something like:

.new-btn-widget .x-btn-default-small{
background: blue;
}

if I apply "new-btn-widget" class it doesn't work.

[Sherzod]

1 hour ago, mikromundo said:

this is the class i find...

You can try also this approach:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    var widgetColIndx = 1;
    columns[widgetColIndx].onWidgetAttach = function(column, widget, record) {
        widget.addCls('customBtn');
    };
}

 

[mikromundo]

good...I will try

[loQsoft]

On 4/9/2020 at 10:53 AM, Sherzod said:

For example without the "hover" effect:

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts) 
{
    var widgetColIndx = 1;
    columns[widgetColIndx].onWidgetAttach = function(column, widget, record) {
        widget.setStyle('border-color', 'green');
        widget.setStyle('background-image', 'linear-gradient(lime, green)');
    };
}

 

Hello @SherzodSherzod,

 

Where do I put this code?

 

Best Regards,

 

[Hayri ASLAN]

51 minutes ago, loQsoft said:

Hello @SherzodSherzod,

 

Where do I put this code?

 

Best Regards,

 

Hello

Unidbgrid -> ClientEvents-> ExtEvents ->  reconfigure

[loQsoft]

8 minutes ago, Hayri ASLAN said:

Hello

Unidbgrid -> ClientEvents-> ExtEvents ->  reconfigure

Thank you very much @Hayri ASLAN

 

Best Regards,

 

[loQsoft]

11 minutes ago, Hayri ASLAN said:

Hello

Unidbgrid -> ClientEvents-> ExtEvents ->  reconfigure

it is possible to change font color of uniButtonWidget ?

Best Regards,

[Hayri ASLAN]

8 minutes ago, loQsoft said:

it is possible to change font color of uniButtonWidget ?

Best Regards,

Hello

Please add below line

widget.btnInnerEl.setStyle('color','red');

 

[loQsoft]

1 minute ago, Hayri ASLAN said:

Hello

Please add below line

widget.btnInnerEl.setStyle('color','red');

 

Thank you very much.

 

Best Regards,