@ivanpeevski
@ivanpeevski
Forum Replies Created
-
Hi Patrick,
The Blazor CSS Isolation works by attaching a random attribute to the HTML element that works as a selector. However, our controls are generated dynamically and then selector key is lost. The trick is to wrap the blazor controls in a normal HTML element such as div, span or p. In this way, the selector key will be attached to the wrapper HTML and the inner controls will remain selectable. For example:
parent.razor:
<Child/>
child.razor:
<div><Button>Test</Button></div>
child.razor.css:
::deep smart-button {
background: red;
}OR(if you wish to be more specific):
div ::deep smart-button {
background: red;
}This creates a red button. I hope this was of help!
Please feel free to contact us again, if you need further support
Best Regards,
Ivan PeevskiSmart UI Team
https://www.htmlelements.com/Hi BLaGO,
Currently, only the resources property has a change listener, and not any of the properties of its items. So the only way to force a refresh on the header is to ‘refersh’ the resources property.
So similar to the demo here: Scheduler Resources, you need to first copy the resources[0] object to a new variable and change its dataSource. Then set resources to a new array containing the update object.For example:
let newResourceObject = document.querySelector(‘smart-scheduler’).resources[0];
newResourceObject.dataSource = [];
document.querySelector(‘smart-scheduler’).resources = [newResourceObject];Best Regards,
Ivan Peevski
Smart UI Team
https://www.htmlelements.com/
