Jump to content

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


kkelchev

Recommended Posts

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,

Link to comment
Share on other sites

  • 11 months later...
  • 1 year later...
  • 6 months later...
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

 

roweditor_color.png

Link to comment
Share on other sites

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');
    };
}

 

Link to comment
Share on other sites

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

roweditor_color2.png

Link to comment
Share on other sites

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;
}

 

Link to comment
Share on other sites

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

roweditor_color6.png

roweditor_color7.png

Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...