Issues with columns.attributes & columns.headerAttributes demos

0 Answers 67 Views
Grid
AGB
Top achievements
Rank 1
Iron
AGB asked on 22 Mar 2023, 04:50 PM

Have just tripped over an little issue with the columns.attributes & columns.headerAttributes demos not working as expected.

To demonstrate run the following dojos based on your API demos

https://dojo.telerik.com/ojIrefaF
https://dojo.telerik.com/IGIBaViH

and you will see neither the header or cell data is being aligned to the right.

This regression seems to have been introduced with the 2022.2.802 release when the .k-text-right class went from

.k-text-right {
    text-align: right!important;
}

to

.k-text-right {
    text-align: right ;
}

Now there was probably a good reason to remove the '!important' property but anybody running these demos now will be confused with the output.

Looking at the latest CSS (2023.1.314) I see you now have a '!k-text-right' style for this purpose so it looks like a little tweak to you demo pages is required.

May I also suggest you add a note in the Grid API documentation about 'CSS Specificity' because I suspect nine times out of ten the '!important' property will be required to ensure it is not overridden by any Kendo CSS.

Regards
Alan

       
Nikolay
Telerik team
commented on 27 Mar 2023, 01:53 PM

Hi Alan,

Indeed there were some recent changes that require the important '!important' property. If you examine this official demo you will see that it is applied as follows:

attributes: {
      "class": "table-cell !k-text-right",
      style: "font-size: 14px" 
    }
...
headerAttributes: {
      "class": "table-header-cell !k-text-right",
      style: "font-size: 14px"
    }

Updated Dojo demos:

Please let me know if you have any questions.

Regards,

Nikolay

AGB
Top achievements
Rank 1
Iron
commented on 28 Mar 2023, 09:39 AM

Hi Nikolay,

Thank you for confirming the changes but my initial posting was more related to the API documentation and demos

https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.attributes
https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/columns.headerattributes

Which are still demonstrating things using the old 'k-text-right' class which no longer works in this context.

Regards
Alan

Nikolay
Telerik team
commented on 30 Mar 2023, 02:04 PM

Hi Alan,

I have updated the documentation and you can see it in the links shared in your last reply.

As a token of gratitude for reporting this, I have added some Telerik points to your account.

Regards,

Nikolay

No answers yet. Maybe you can help?

Tags
Grid
Asked by
AGB
Top achievements
Rank 1
Iron
Share this question
or