Stylization UniDBGrid

[artem_niko]

Hello!

I use last version on UniGUI (...1515) Professional.

I have some question about this component:

1. How change width in first column where RowNumbers?

2. How create title like on my screenshot? I want remove lines in title, but UniDBGrid don't have this property. Just RowLines and ColLines. I want remove in title too.

I want title like that (I created him in MS Paint :)):

[Sherzod]

Hello,

23 minutes ago, Артем said:

1. How change width in first column where RowNumbers?

One possible solution:

UniDBGrid -> ClientEvents -> ExtEvents -> 

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    if (columns[0].xtype && columns[0].xtype == 'rownumberer') {
        columns[0].width = 100;
    }
}

 

[artem_niko]

17 minutes ago, Sherzod said:

Hello,

One possible solution:

UniDBGrid -> ClientEvents -> ExtEvents -> 

function reconfigure(sender, store, columns, oldStore, oldColumns, eOpts)
{
    if (columns[0].xtype && columns[0].xtype == 'rownumberer') {
        columns[0].width = 100;
    }
}

 

Hm...not work:

 

function reconfigure(sender, store, columns, oldStore, the, eOpts)
{
  if (columns[0].xtype && columns[0].xtype == 'rownumberer') {
        columns[0].width = 70;
    }
    Ext.each(columns, 
     function(column, index) {
        if (!sender.columnManager) {
          sender.columns[index].flex=1;  /*fit width, comment to disable*/
          sender.columns[index].minWidth = 150; /*min.size*/
        } else {
          sender.columnManager.columns[index].flex=1; 
          sender.columnManager.columns[index].minWidth = 75; 
        };        
     }
  )
}

 

[Sherzod]

2 hours ago, Артем said:

Hm...not work:

Make a simple testcase or provide all the settings of your grid.

[artem_niko]

4 minutes ago, Sherzod said:

Make a simple testcase or provide all the settings of your grid.

I already write code, that in my UniDBGrid.

What about second question?

[Sherzod]

6 minutes ago, Артем said:

I already write code, that in my UniDBGrid.

Did you get what you wanted?

[artem_niko]

2 minutes ago, Sherzod said:

Did you get what you wanted?

No. And I talked about this, that no errors, but and not effects from you solution. Nothing)

[Sherzod]

3 minutes ago, Артем said:

No. And I talked about this, that no errors, but and not effects from you solution. Nothing)

Then please:

19 minutes ago, Sherzod said:

Make a simple testcase or provide all the settings of your grid.

 

[artem_niko]

5 minutes ago, Sherzod said:

Then please:

 

Is it about?

2. How create title like on my screenshot? I want remove lines in title, but UniDBGrid don't have this property. Just RowLines and ColLines. I want remove in title too.

I want title like that (I created him in MS Paint :)):

[Sherzod]

While I am only talking about the first question...

[artem_niko]

5 minutes ago, Sherzod said:

While I am only talking about the first question...

Well... The second question mostly important for me. I will be say, that second question have more priority for me) 

[Sherzod]

15 minutes ago, Артем said:

The second question mostly important for me. I will be say, that second question have more priority for me) 

The forum had a solution if I am not mistaken.

[Sherzod]

32 minutes ago, Артем said:

Well... The second question mostly important for me. I will be say, that second question have more priority for me) 

One possible solution by using CustomCSS.

UniServerModule.CustomCSS:

.customHeader .x-group-sub-header, 
.customHeader .x-column-header {
   border: none;
}

UniDBGrid.LayoutConfig.Cls = customHeader

[artem_niko]

6 hours ago, Sherzod said:

One possible solution by using CustomCSS.

UniServerModule.CustomCSS:

.customHeader .x-group-sub-header, 
.customHeader .x-column-header {
   border: none;
}

UniDBGrid.LayoutConfig.Cls = customHeader

It's perfect!!! Greate! Working!  

Very big thank you, @Sherzod!