How to change TuniDBGrid row editor background color, border and etc.

[kkelchev]

Hi ,

Is it posible to change backgroud color for row editor in TUniDBGrid

[Sherzod]

Hi,

 

Try this:

 

1. afterrender:

function afterrender(sender, eOpts)
{
    var me=sender;
    if (me.editingPlugin.isRowEditor) {
        me.editingPlugin.editorCfg.cls = "_roweditor"
    };
}

2. CustomCSS:

._roweditor .x-panel-body {
    background-color: green;
}


._roweditor .x-grid-row-editor-buttons {
    background-color: green;
}

Best regards,

[kkelchev]

Thanks

 you are great .

[jahlxx]

Hi.

 

And how to have different colors in confirm ans cancel buttons?

 

Thanks.

[RobertoLopes]

On 7/17/2018 at 5:56 AM, jahlxx said:

Hi.

 

And how to have different colors in confirm ans cancel buttons?

 

Thanks.

Yes. How ?

[Freeman35]

Hi,

.x-row-editor-update-button{background-color:#17c2b8;height:22px}
.x-row-editor-cancel-button{background-color:#ff3545;height:22px}

 

[fraxzi]

On 8/9/2017 at 10:26 PM, Sherzod said:

Hi,

 

Try this:

 

1. afterrender:

function afterrender(sender, eOpts)
{
    var me=sender;
    if (me.editingPlugin.isRowEditor) {
        me.editingPlugin.editorCfg.cls = "_roweditor"
    };
}

2. CustomCSS:

._roweditor .x-panel-body {
    background-color: green;
}


._roweditor .x-grid-row-editor-buttons {
    background-color: green;
}

Best regards,

Hi Sherzod,

Following from version 1508 to 1519, the button panel (?) not changing color as shown in the attachment.

I followed the exact CustomCSS and dbGrid->ClientEvents->ExtEvents->"ext.grid.Panel"->afterrender

 

Thanks,

Frances

 

[Sherzod]

1 hour ago, fraxzi said:

Following from version 1508 to 1519, the button panel (?) not changing color as shown in the attachment.

Hello,

Try this:

function afterrender(sender, eOpts)
{
    var me=sender;
    if (me.editingPlugin.isRowEditor) {
        me.editingPlugin.editorCfg.cls = "_roweditor";
        me.addCls('_roweditor');
    };
}

 

[fraxzi]

27 minutes ago, Sherzod said:

Hello,

Try this:

function afterrender(sender, eOpts)
{
    var me=sender;
    if (me.editingPlugin.isRowEditor) {
        me.editingPlugin.editorCfg.cls = "_roweditor";
        me.addCls('_roweditor');
    };
}

 

Hi Sherzod,

Thanks for the mod.. but it seems the dbgrid background was affected.

 

Thanks,

Frances

[Sherzod]

3 minutes ago, fraxzi said:

Thanks for the mod.. but it seems the dbgrid background was affected.

OK, I will check.

What theme are you using?

[fraxzi]

10 minutes ago, Sherzod said:

OK, I will check.

What theme are you using?

Hi Sherzod,

I tried almost all the theme, the carbon theme has different effect (opposite).

Thanks,

Frances

[Sherzod]

8 minutes ago, fraxzi said:

I tried almost all the theme, the carbon theme has different effect (opposite).

Sorry, can you make a simple testcase?

[fraxzi]

12 minutes ago, Sherzod said:

Sorry, can you make a simple testcase?

Hi Sherzod,

This is from uniGUI demo it has same effect as my project.. I used it as test case.

 

Thanks,

Frances

 

GridGrouping - Dynamic.zip

[fraxzi]

Hi Sherzod,

Additionally, dgbrid with widget and roweditor seems strange as well.

Thanks,

Frances

 

[Sherzod]

18 minutes ago, fraxzi said:

This is from uniGUI demo it has same effect as my project.. I used it as test case.

Can you try?

._roweditor .x-grid-row-editor .x-panel-body {
    background-color: green !important;
}


._roweditor .x-grid-row-editor-buttons {
    background-color: green;
}

 

[fraxzi]

8 minutes ago, Sherzod said:

Can you try?

._roweditor .x-grid-row-editor .x-panel-body {
    background-color: green !important;
}


._roweditor .x-grid-row-editor-buttons {
    background-color: green;
}

 

Hi Sherzod,

Amazingly beautiful! it works on carbon and other themes.

Glad we have a superman in the house.

 

Thanks,

Frances

[Sherzod]

31 minutes ago, fraxzi said:

Glad we have a superman in the house.

Ha-ha