AjaxCheckboxList Multiselect using bootstrap form-control does not display properly

form-control is intended to be used for input textarea and select http://getbootstrap.com/css/#forms-example, 
basically native html editors, in your case it's added to the most outer div of a complex component, it adds a fixed height to the div so it makes it look wrong 
you could still use it, but you need to add another class that will override set height, padding and border, try this:
    .awe-field.form-control {
        padding: 0;
        height: auto;
        border: none;
    }

at 11 Nov 2015 Omu

Thank you, it works now. Btw, how can I overwrite the text on the checkboxlist which is "please select". I use the checkboxlist in multiple places and I want a unique text for each place, possibly apply different style to the text? 
My second question is:
return Json(testNames.Select(o => new KeyContent(o.TestrequestId, o.TestName)));
On this code I pass testrequestId on purpose of using it as Id for the list. But I inspect the list, it only has data-index values (start from 0-> n) which are not associated with the testrequestIds. How can I pass testrequestIds of selected items to controller?

at 11 Nov 2015 CuLacGionTan

inside the .Multiselect(o => ... .Caption("not selected")

at 11 Nov 2015 Omu

Thanks, I figured out how to get the ids. How can I apply validation on this AjaxCheckboxlist? Do I have to use AjaxCheckboxlistFor?

at 12 Nov 2015 CuLacGionTan

same as you would do for anything else, have a look at the source for this demo: http://demo.aspnetawesome.com/Unobtrusive

at 12 Nov 2015 Omu

AjaxCheckboxList Multiselect using bootstrap form-control does not display properly

Answers

please Sign In to leave an answer