Hello,
I have a question: Is it possible to add a custom CSS class to multiple column RadzenDropDownDataGrid popup?
What stops you to use directly rz-multiselect-panel or rz-dropdown-panel?
The dropdown opens outside the form field due to multiple columns, causing misalignment of the dropdown icon and the selection-clear (cross) button. As a result, the dropdown expands into the next form field, as shown in the screenshot.
Adding min width to radzendropdown grid component here. I need to add/update min width to opened popup.
Use directly the classes I've posted in my previous reply to set desired settings.
There are multiple DataGrid dropdowns on the page, but only some require a minimum width, not all.
Modifying the class="rz-dropdown-panel rz-popup" will impact all instances where this class is used, as it is generated automatically. While the issue could be addressed using the id, I don't recommend this approach as it's not considered a best practice. Instead, the ideal solution is to introduce a parameter in the RadzenDropDownDataGrid component, allowing us to specify a desired width dynamically.
Thanks for your response, @enchev!
Never heard that CSS selector by id is not a best practice. We don't plan to add additional property for something that's already possible.