UnimDBListGrid Header Alignment

[gerhardhziegler]

Hi folks,

 

seems, the header alignment doesnt work? Is it an release problem, I have 1.50.0.1480.

 

Regards

[Sherzod]

23 hours ago, gerhardhziegler said:

seems, the header alignment doesnt work? Is it an release problem, I have 1.50.0.1480.

Hi,

Can you please open a ticket in support portal?

[gerhardhziegler]

On 5/24/2019 at 11:05 PM, Sherzod said:

Hi,

Can you please open a ticket in support portal?

I did, but till now: no reply? Maybe there is a workaround? I didnt find any reconfigure event, to set the align of the headers/columns manually :/

[Sherzod]

28 minutes ago, gerhardhziegler said:

I did, but till now: no reply? Maybe there is a workaround? I didnt find any reconfigure event, to set the align of the headers/columns manually :/

Sorry for the late.

One possible solution:

function painted(sender, eOpts)
{
    var me=sender.element;
    
    // one-based indexing!
    
    me.select('.x-mgrid-header-col:nth-child(1)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(2)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(3)').setStyle('text-align', 'right');
}

 

[gerhardhziegler]

2 hours ago, Sherzod said:

Sorry for the late.

One possible solution:

function painted(sender, eOpts)
{
    var me=sender.element;
    
    // one-based indexing!
    
    me.select('.x-mgrid-header-col:nth-child(1)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(2)').setStyle('text-align', 'center');
    me.select('.x-mgrid-header-col:nth-child(3)').setStyle('text-align', 'right');
}

 

Dear Sherzod, I just applied your source like:

function painted(sender, eOpts)
{
  var me=sender.element;
    
    // one-based indexing!
    
    me.select('.x-mgrid-header-col:nth-child(1)').setStyle('text-align', 'left');
    me.select('.x-mgrid-header-col:nth-child(2)').setStyle('text-align', 'left');
    me.select('.x-mgrid-header-col:nth-child(3)').setStyle('text-align', 'left');
}

that should affekt the first three header columns. But... , please see attached pic, the titles stay somewhere...

[Sherzod]

11 hours ago, gerhardhziegler said:

that should affekt the first three header columns. But... , please see attached pic, the titles stay somewhere...

Hi,

Please indicate where you see the problem.

[gerhardhziegler]

the headers should be align like shown

[Sherzod]

2 minutes ago, gerhardhziegler said:

the headers should be align like shown

What are the alignment values for fields and headers?

[Sherzod]

And can you make a simple testcase for reproduce if possible?!

[gerhardhziegler]

for all of them: taLeftJustify, as well as I used the proposed function!

[Sherzod]

Can you try this CustomCSS?

.x-mgrid-header-row {
  padding-left: 0;
}

 

[gerhardhziegler]

Here we go.
Version: 1.50.0.1480

TestListHeaderAlign.rar

[gerhardhziegler]

Quote

.x-mgrid-header-row {
  padding-left: 0;
}

Thats it! Thank you so much! 

[Sherzod]

Just now, gerhardhziegler said:

TestListHeaderAlign.rar

Thanks, please try the above solution.

[Sherzod]

Ok, thank you.