gerhardhziegler Posted May 23, 2019 Share Posted May 23, 2019 Hi folks, seems, the header alignment doesnt work? Is it an release problem, I have 1.50.0.1480. Regards Quote Link to comment Share on other sites More sharing options...
Sherzod Posted May 24, 2019 Share Posted May 24, 2019 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? Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted August 9, 2019 Author Share Posted August 9, 2019 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 :/ Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 9, 2019 Share Posted August 9, 2019 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'); } Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted August 9, 2019 Author Share Posted August 9, 2019 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... Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 10, 2019 Share Posted August 10, 2019 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. Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted August 10, 2019 Author Share Posted August 10, 2019 the headers should be align like shown Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 10, 2019 Share Posted August 10, 2019 2 minutes ago, gerhardhziegler said: the headers should be align like shown What are the alignment values for fields and headers? Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 10, 2019 Share Posted August 10, 2019 And can you make a simple testcase for reproduce if possible?! Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted August 10, 2019 Author Share Posted August 10, 2019 for all of them: taLeftJustify, as well as I used the proposed function! Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 10, 2019 Share Posted August 10, 2019 Can you try this CustomCSS? .x-mgrid-header-row { padding-left: 0; } 1 Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted August 10, 2019 Author Share Posted August 10, 2019 Here we go. Version: 1.50.0.1480 TestListHeaderAlign.rar Quote Link to comment Share on other sites More sharing options...
gerhardhziegler Posted August 10, 2019 Author Share Posted August 10, 2019 Quote .x-mgrid-header-row { padding-left: 0; } Thats it! Thank you so much! 1 Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 10, 2019 Share Posted August 10, 2019 Just now, gerhardhziegler said: TestListHeaderAlign.rar Thanks, please try the above solution. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted August 10, 2019 Share Posted August 10, 2019 Ok, thank you. 1 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.