mercredi 12 décembre 2018

How to set checkboxes in-line

Here on Stackoverflow i find solution for checkbox with label like this:

    <div class="checkbox">
        <label>@Html.CheckBoxFor(x => item.IsSelected)&nbsp;@Html.DisplayNameFor(x => item.IsSelected)</label>
    </div>

Also, it's recomended solution on bootstrap but, how to set few checkbox in the same class and to set them in-line...

I tryed something like this, but, obvios it's just set checkboxes vertically...

<div class="checkbox">
        <label>@Html.CheckBoxFor(x => x.Temperature)&nbsp;@Html.DisplayNameFor(x => x.Temperature)</label>
    </div>
    <div class="checkbox">
        <label>@Html.CheckBoxFor(x => x.Pressure)&nbsp;@Html.DisplayNameFor(x => x.Pressure)</label>
    </div>
    <div class="checkbox">
        <label>@Html.CheckBoxFor(x => x.Humidity)&nbsp;@Html.DisplayNameFor(x => x.Humidity)</label>
    </div>
    <div class="checkbox">
        <label>@Html.CheckBoxFor(x => x.TemperatureLocal)&nbsp;@Html.DisplayNameFor(x => x.TemperatureLocal)</label>
    </div>
    <div class="checkbox">
        <label>@Html.CheckBoxFor(x => x.HumidityLocal)&nbsp;@Html.DisplayNameFor(x => x.HumidityLocal)</label>
    </div>
    <div class="checkbox">
        <label>@Html.CheckBoxFor(x => x.CO2)&nbsp;@Html.DisplayNameFor(x => x.CO2)</label>
    </div>
    <div class="checkbox">
        <label>@Html.CheckBoxFor(x => x.Illumination)&nbsp;@Html.DisplayNameFor(x => x.Illumination)</label>
    </div>




Aucun commentaire:

Enregistrer un commentaire