Asp.Net MVC and Switch

Topic: Asp.Net MVC and Switch

Chris free asked 3 years ago

I can't seem to get the standard Asp.Net MVC Checkbox and the switch control to work together. I know that MVC spits out two input boxes and maybe that's the problem, but I need some assistance on wiring that up. I've also tried a simple checkbox and it submits "on" instead of "true" like an MVC box.

Grzegorz Bujański staff commented 3 years ago

I'm sorry but we don't have any experience with Asp.Net MVC. It's hard for us to say anything about this.

Add comment

Vikas lalwani free answered 2 years ago

0 0 Best answer

You can simply Add checkbox CSS and it should work in your MVC app

<pre class="prettyprint"><code>@Html.CheckBoxFor(m => Model.Checkbox, new { @class = "MDBootstrapclass" })
</code></pre>

If this doesn't work, you can also use regular Checkbox with MDBootstrap class

<pre class="prettyprint"><code> <label class="checkbox">
 <input data-val="true" 
 data-val-required="The Se souvenir de moi? field is required." 
 id="RememberMe"
 name="RememberMe" 
 type="checkbox"
 value="true"
 @(Model.RememberMe ? "checked" : "")
 >@ViewRes.Names.RememberMe
</label>
<input name="RememberMe" type="hidden" value="false">
</code></pre>

Check this link: <a href="https://forums.asp.net/t/2141802.aspx?My+css+code+does+not+work+with+MVC+checkboxFor" target="_blank" rel="nofollow">https://forums.asp.net/t/2141802.aspx?My+css+code+does+not+work+with+MVC+checkboxFor</a>

You will need the exact HTML when MVC HTML.Checkboxfor is rendered.

OR
you can simply create own custom checkbox by using MDBootstrap CSS properties.
<a href="https://qawithexperts.com/article/html/custom-checkbox-and-custom-radio-buttons-in-html-css/208" target="_blank" rel="nofollow">HTML Custom Checkbox and Radio buttons</a>

Please insert min. 20 characters.

You can simply Add checkbox CSS and it should work in your MVC app

@Html.CheckBoxFor(m => Model.Checkbox, new { @class = "MDBootstrapclass" })

If this doesn't work, you can also use regular Checkbox with MDBootstrap class

 <label class="checkbox">
    <input data-val="true" 
        data-val-required="The Se souvenir de moi? field is required." 
        id="RememberMe"
        name="RememberMe" 
        type="checkbox"
        value="true"
        @(Model.RememberMe ? "checked" : "")
    ><i></i>@ViewRes.Names.RememberMe
</label>
<input name="RememberMe" type="hidden" value="false">

Check this link: https://forums.asp.net/t/2141802.aspx?My+css+code+does+not+work+with+MVC+checkboxFor

You will need the exact HTML when MVC HTML.Checkboxfor is rendered.

OR you can simply create own custom checkbox by using MDBootstrap CSS properties. HTML Custom Checkbox and Radio buttons

Marcin Luczak staff commented 2 years ago

Hi @Vikas lalwani,

Thank you for your help to our community :)

Keep coding, Marcin from MDB

Add comment