This is a migrated thread and some comments may be shown as answers.

KendoReact Loader not rendering

3 Answers 219 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Grant asked on 26 Jan 2021, 01:37 PM

Hi Team, 

As my title says, the KendoReact Loader is not rendering, at least not visually.

I've created https://stackblitz.com/edit/react-2gnzaw to duplicate the issue. From the simple code you will see there is suppose to be a loader constantly visible after the button, but also when you click the button, a loader should appear in the button.

Please advise.

Thanks,
Grant

3 Answers, 1 is accepted

Sort by
0
Accepted
Stefan
Telerik team
answered on 26 Jan 2021, 01:47 PM

Hello, Grant,

Thank you for the example.

The issue occurs as there is no Kendo theme (styling) added to the example. After I added the theme, the loader is shown:

https://stackblitz.com/edit/react-jrms4y?file=src%2FApp.js

This is how to add one of the themes:

https://www.telerik.com/kendo-react-ui/components/styling/

Regards,
Stefan
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

0
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
answered on 26 Jan 2021, 02:16 PM

Hi Stefen, 

Thanks for the quick response. Do you have any other theories because in my project I've declared a theme in my root component (App.js) and the Loader is working in other sub-components, just not in this scenario. As a test, I imported the style again in the component I want to use the loader in, and its still not visible.

 

Also, why is a theme no needed in the Loader demo? its not specified when in the source or the StackBlitz demo?

Thanks,
Grant

0
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
answered on 26 Jan 2021, 02:20 PM

Thanks for the style tip, I figured it out. 

My button is a primary button and the indicator is exactly the same color, so its invisible.

Thanks Stefen.

-G

 

Tags
General Discussions
Asked by
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Answers by
Stefan
Telerik team
Grant
Top achievements
Rank 3
Iron
Iron
Veteran
Share this question
or