Hello everybody,
I hava a problem with the styling of the igCombo control. All works fine but the selection icon is not centered.
Best regards
Kai
Hello,
I am glad that you find Monika's suggestion helpful.
Thank you for using Infragistics components.
Regards,Teodosia HristodorovaSoftware Developer
Hello Monika,
perfect, this solved the problem. Thanks for your help.
Regards
Hello Kai,
What I could suggest in order to align the icons vertically is to add the property ‘align-items’ in the same css class:
.ui-igcombo-checkbox.ui-igcheckbox-small {
display: flex;
justify-content: center;
align-items: center;
}
Please test it on your side and let me know if you need any further information regarding this matter.
Regards, Monika Kirkova, Infragistics
it looked better but it's still not really centered.
Kind regards
After investigating this further, I determined that the checkmark could be centered by modifying the display and justify-content css properties in the ‘ui-igcombo-checkbox.ui-igcheckbox-small’ class as follows:
Below I am attaching a sample, demonstrating the described behavior. Please test it on your side and let me know if you need any further information regarding this matter.
igComboSelectionIcon.zip