Hi Team,
I am using Kendo React packages to develop my react application. There is a trouble is showing the sorting icon in the grid component in the https envrionment. I am using sorting icons with their classnames.
Packages:
"@progress/kendo-react-grid": "^5.14.1",
"@progress/kendo-svg-icons": "^1.5.0",
"@progress/kendo-theme-default": "^6.4.0",
"@progress/kendo-react-common": "^5.17.0",
code:
localhost Grid component with sorting icon -
https grid component:
3 Answers, 1 is accepted
Hi, Revathy,
Can you provide more information on which theme version you are using and whether is it via the CDN?
If you are referencing the theme by using the all.css:href="https://unpkg.com/@progress/kendo-theme-default@latest/dist/all.css"
I can recommend setting up an explicit version that matches the component version, for version 5.14.1 of Grid the theme version should be 6.4.0:
https://kendo.cdn.telerik.com/themes/6.4.0/default/default-ocean-blue.css
Let us know if this resolves the issue and if further assistance is required.
Regards,
Filip
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!
Rank 1
Iron
Hi Filip,
I am using the theme via npm packages.
In the JS file I am importing the scss.
import"@progress/kendo-theme-default/dist/default-main-dark.scss";
Packages:
Rank 1
Iron
Adding to the sort icons, I am unable to see some more icons.
- k-icon k-i-arrow-chevron-right
- k-icon k-i-reorder
Hi, Revanth,
Starting with the R3 2023 release of the kendo themes (v7.0.0), the font icons font is no longer bundled in the themes distribution. This is done as part of a series of improvements related to content security policy(CSP). Continue using font icons in your project can still be achieved by loading the font and related styles separately through CDN or directly from the kendo-font-icons package.
As you are using the latest version of the KendoReact components, you will need to upgrade the themes to version "^7.0.0" as well in order to make it compatible with the components.
In case you want to continue using the font icons, you can load them from this CDN and use it directly by addition `k-font-icon` class like in sample below:
If further assistance is needed, feel free to contact us again.
Regards,
Vessy
Progress Telerik
Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!