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,
You can apply padding using css to the .ui-igcombo-field.ui-corner-all.
Let me know if I may be of further assistance.
Im using the bootstrap theme and that css doesnt exist in there
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.
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
Instead of setting margin-left, padding-left can be set.
I have attached sample to demonstrate this.
did you not read my post, id already tried that
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.