Hi,
I am launching a Popup from a button placed inside a ToolBar. Style on the Popup content like any control's height, width, Border are being overridden by that of ToolBar style.
If I launch the same Popup from outside of Toolbar, style on the Popup loads fine. Please let me know how to overcome this issue.
Regards,
Vinod
5 Answers, 1 is accepted
Thank you for reporting this.
I can confirm that this is an issue connected to the Toolbar component. I have logged it for fixing:
https://github.com/telerik/kendo-react/issues/309
As a workaround I can suggest getting the anchor element from the ToolbarItem:
https://stackblitz.com/edit/react-pns7jw?file=app/main.jsx
I have added Telerik points to your account for bringing this to our attention.
Regards,
Stefan
Progress Telerik
Rank 1
Stefan,
Just to extend what I've reported above, similar behavior could be observed for just about any control placed inside ToolBar. Any style changes that are common to both the ToolBar (parent) and control placed in it (child). ToolBar style takes precedence.
Sharing screen-snip of Switch control and Dropdown for your reference.
Thank you for the screenshots.
Could you please clarify, how the components inside the Popup should look like? Are they any custom styles added to then which are not applied or not?
Regards,
Stefan
Progress Telerik
Rank 1
Stefan,
Whether it's the component with custom style or without, there are visible differences in the way they render inside and outside ToolBar.
Basically what I want is that if I apply any style to any component, there should be a coherency/consistency in the way the are rendered in and out of Toolbar. If you would take any Kendo component and render it in and out of Toolbar, you will be able to see the difference in style in your local environment. You may take Switch and Dropdown list given in the Screenshots above and they don't have any custom styles applied to them.
Regards,
Vinod
I can agree that event without custom CSS, the components look differently inside a Toolbar.
I have logged this into our themes repository for fixing as it observed only in the Material theme:
https://github.com/telerik/kendo-themes/issues/850
I have added more Telerik points to your account for this issue as well.
===========================
As I see that this account in not associated with a valid license, I can assume that the account with a license in under different email. I can suggest submitting the questions using the account with a license, as then these Telerik points can be used as discounts when buying Progress products.
Regards,
Stefan
Progress Telerik