MVC 4 Razor Checkboxlistfor formatting issue

Question

I was trying to implement a 'CheckboxListFor' method but am having some issues with formating in which the text for the checkbox does not align on the side of the checkbox but instead is below the checkbox. Here is what it looks like

Code in View:

     @{ 
         var htmlListInfo = new HtmlListInfo(HtmlTag.table, 4, null, 
                                             TextLayout.Default, TemplateIsUsed.No);
     }


      @Html.CheckBoxListFor(model => model.KeywordIDs,
                                     model => model.Keywords,
                                     model => model.KeywordId,
                                     model => model.Name,
                                     model => model.SelectedKeywords,
                                     htmlListInfo
       );

Any insight would be greatly appreciated.

Hello, Please refer this link mvccbl.com/…. I doubt the issue is with HtmlTag.table it should be (HtmlTag.vertical_columns — Sandip
– Sandip, Commented Sep 2, 2013 at 5:29
That's where I pull my info from to begin with and using the verical_columns gives me the same problem except that the columns are compressed even further instead of evenly spaced. — jbolt
– jbolt, Commented Sep 2, 2013 at 5:38

Sandip · Accepted Answer · 2013-09-02 06:22:30Z

3

Ok gr8.. Minor change. Try this code.

have to apply css to fix it.

<style type="text/css">
    label
    {
        display: inline-block !important;
        padding: 5px !important;
    }
</style>
@{ 

    var htmlListInfo = new HtmlListInfo(HtmlTag.table, 4, null, TextLayout.Default, TemplateIsUsed.No);

    @Html.CheckBoxListFor(model => model.PostedCities.CityIDs,
                      model => model.AvailableCities,
                      city => city.Id,
                      city => city.Name,
                      model => model.SelectedCities,
                      htmlListInfo)
}

let me know your comments.

answered Sep 2, 2013 at 6:22

Sandip

9871 gold badge6 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jbolt Over a year ago

Thanks that works. Didn't know about !important and that will help in the future.

Collectives™ on Stack Overflow

MVC 4 Razor Checkboxlistfor formatting issue

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related