Awesome ASP.net Core and MVC Controls

Form inputs demo

Checkbox

Ochk checkbox mod in this demo is set globally in Application_Start so we are turning it off using Ochk(false) to show the basic checkbox
FormInput/Index.cshtml
<div class="efield">
    <label>@Html.Awe().CheckBox("chk1").Ochk(false).Value(true) <span class="o-con">Checkbox</span></label>
</div>
<div class="efield">
    <label>@Html.Awe().CheckBox("chk2").Ochk(false).Enabled(false).Value(true) <span class="o-con">Disabled</span></label>
</div>

Ochk

FormInput/Index.cshtml
<div class="efield">
    <label>@Html.Awe().CheckBox("chk3").Value(true) <span class="o-con">Checkbox</span></label>
</div>
<div class="efield">
    <label>@Html.Awe().CheckBox("chk4").Enabled(false).Value(true) <span class="o-con">Disabled</span></label>
</div>
<div class="efield">
    <label>@Html.Awe().CheckBox("chk5").Enabled(false) <span class="o-con">Disabled</span></label>
</div>

Otoggl

FormInput/Index.cshtml
<div class="efield">
    <label>@Html.Awe().CheckBox("chk6").Otoggl().Value(true) <span class="o-con">Checkbox</span></label>
</div>
<div class="efield">
    <label>@Html.Awe().CheckBox("chk7").Otoggl().Enabled(false).Value(true) <span class="o-con">Disabled</span></label>
</div>
<div class="efield">
    <label>@Html.Awe().CheckBox("chk8").Otoggl().Enabled(false) <span class="o-con">Disabled</span></label>
</div>
<div class="efield">
    <label>
        @Html.Awe().CheckBox("chk9").Otoggl(o => o.Width("7em").Yes("Enabled").No("Disabled")).Value(true)
        <span class="o-con">with width, yes and no set</span>
    </label>
</div>
<div class="efield">
    <button type="button" class="awe-btn" onclick="toggleAll()">toggle enabled</button>
</div>
<script>
    function toggleEnable(c) {
        var o = c.data('o');
        o.api.enable(!o.enb);
    }

    function toggleAll() {
        toggleEnable($('#chk6'));
        toggleEnable($('#chk7'));
        toggleEnable($('#chk8'));
        toggleEnable($('#chk9'));
    }
</script>

Button

FormInput/Index.cshtml
@Html.Awe().Button().Text("button")
@Html.Awe().Button().Text("disabled").Enabled(false)



Comments