Im using the combo (bootstrap theme) in conjunction with other bootstrap styling for text input boxes. The text in the text boxes is left padded a few spaces, but the text in the infragistics combo is left aligned up to the edge of the control. How do I add left padding to the text in the dropdown ?
@(Html.Infragistics().ComboFor(model => model.Status).ID("statusCombo").Width("150px") .TextKey("Value") .ValueKey("Key") .DataSource(Url.Action("GetStatusComboDataSource", "Organisation")) .DataBind() .Render())
Hello Mark,
This should work, I might be missing some other configuration responsible for this issue. Please review the attached sample and update it so it reproduces the issue.
did you not read my post, id already tried that
Instead of setting margin-left, padding-left can be set.
I have attached sample to demonstrate this.
Let me know if I may be of further assistance.
I changed it to this
.ui-igcombo-field.ui-corner-all{border-bottom-right-radius:0;border-top-right-radius:0;padding-left:5px}
and this
.ui-igcombo-field.ui-corner-all{border-bottom-right-radius:0;border-top-right-radius:0;margin-left:5px}
and it made no difference
The class is always applied on the input regardless of used theme.
If this doesn't helps resolve your issue please attach a sample replicating it.
Looking foward for hearing from you.