search

syncfusion / ej2-angular-ui-components

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.
https://www.syncfusion.com/angular-ui-components
Other
274 stars 113 forks source link

Feature Request: popupClass property #267

Closed sharathdaniel closed 6 months ago

sharathdaniel commented 7 months ago

Currently we have popupWidth and popupHeight properties for the popup, please add an attribute like popupClass so that it is easier to make different popup styles. I see no other way to do this right now as the popup have a common class.

MalleshRavichandran commented 7 months ago

Based on the information, if you wish to differentiate the popup classes, you can achieve distinct styles for popups by leveraging the existing "cssClass" property. This property enables you to apply unique CSS classes to the root element of the component, allowing for customization of the appearance.

API Reference : https://ej2.syncfusion.com/angular/documentation/api/drop-down-list/#cssclass

sharathdaniel commented 7 months ago

@MalleshRavichandran But that class gets added to multiple places. Yeah i can select the popuplist with strict css selectors, but its good to have options. :)

MalleshRavichandran commented 6 months ago

To assist you more effectively, we would like to mention that when using the cssClass property in the dropdownlist , the custom class will be applied to dependent component. If you intend to style the dropdown popup list specifically, we recommend using the cssClass property in conjunction with the relevant popup classes to target the dropdown popup list. This approach allows you to customize the appearance of individual dropdown popups.

.e-custom.e-ddl.e-popup { border: 3px solid grey; }

Sample : Njrens (forked) - StackBlitz

If you have any concerns or questions , please get back to us.