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 Kai,
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:
.ui-igcombo-checkbox.ui-igcheckbox-small {
display: flex;
justify-content: center;
}
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.
Regards, Monika Kirkova, Infragistics
igComboSelectionIcon.zip
Hello Monika,
it looked better but it's still not really centered.
Kind regards
What I could suggest in order to align the icons vertically is to add the property ‘align-items’ in the same css class:
align-items: center;
Please test it on your side and let me know if you need any further information regarding this matter.
perfect, this solved the problem. Thanks for your help.
Regards
Hello,
I am glad that you find Monika's suggestion helpful.
Thank you for using Infragistics components.
Regards,Teodosia HristodorovaSoftware Developer