Hi,
I tried the ExpansionPanel by implementing the example below in my app-root component:
Interaction - ExpansionPanel - Kendo UI for Angular (telerik.com)
All panels are expanded by default, if I click on the collapse button, I see the animation to go from expanded to collapse state, but the panel resets itself immediatly to its expanded state. (see video as attachment)
I am importing this style in my styles.scss:
@import "~@progress/kendo-theme-bootstrap/scss/expansion-panel/index";
When I add the all.scss in my styles it seems to work correctly...
Any idea why this does not work?
thx!
----
My Styles.scss
My Kendo-packages.json
2 Answers, 1 is accepted
Hi Kristof,
The panel content fails to get hidden in your situation because what hides it is the CSS class "k-display-none", which is not included in the expansion-panel style list, but is included in the "all" package.
However, if you include the following import, I think you won't need to include the entire "all" package:
@import "@progress/kendo-theme-bootstrap/scss/utils/_index.scss";
I am not sure how well this is documented, so I will definitely check that with the rest of the team and make the necessary additions if needed.
Looking forward to hearing from you.
Regards,
Georgi
Progress Telerik
Тhe web is about to get a bit better!
The Progress Hack-For-Good Challenge has started. Learn how to enter and make the web a worthier place: https://progress-worthyweb.devpost.com.
Hi Kristof,
I followed up on this issue with my colleagues and it turns out that this is actually a mistake on our side. You haven't made a mistake in your setup. It's us who have forgotten to import these styles in the ExpansionPanel theme.
A fix is on its way.
I hope that clears things up. Again, we remain at your disposal for further assistance if needed.
Regards,
Georgi
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/.
Rank 1
Iron
Iron
Great support!
Please keep me updated when the fix can be used.
Regards,
Kristof
I forgot to mention - we have created a publicly available issue in our themes repo, which you can find and subscribe to at the link below:
https://github.com/telerik/kendo-themes/issues/2502
That will let you monitor the progress of the fix.
If there is anything else we can help you with, feel free to write us again.
Regards,
Georgi
Progress Telerik