Comments (7)
I am having something similar happen (w/wo using an icon in the label)... though I have not modified the css yet (may try that tomorrow or so). Here is how the HTML is generated (using a standard checkbox works fine):
<div class="checkbox checkbox-info">
<input data-val="true" data-val-required="The IsKey field is required." id="TableColumns_1__IsKey" name="TableColumns[1].IsKey" value="true" type="checkbox">
<input name="TableColumns[1].IsKey" value="false" type="hidden">
<label for="TableColumns_1__IsKey">Is Key<i class="fa fa-fw fa-key"></i></label>
</div>
The input tag is being generated from an ASP.NET MVC Razor tag, could that be a problem?
from awesome-bootstrap-checkbox.
@AlonCG It doesn't like there being a hidden input with the same name. That is causing it to fail.
from awesome-bootstrap-checkbox.
This problem fixed simply adding z-index equals 1 to inputs.
Check out Plunker
from awesome-bootstrap-checkbox.
This issue has not been resolved. I have the most recent version and the checkbox value is not being changed by the mouse click.
from awesome-bootstrap-checkbox.
Sorry, I am incorrect, I did have a earlier version than the most recent. My apologies.
from awesome-bootstrap-checkbox.
@flatlogic reopen it
from awesome-bootstrap-checkbox.
I played with bootstrap checkbox and ASP.NET MVC CheckBoxFor for half a day
and applied solutions with "awesome-bootstrap-checkbox", thoroughly checked every line of code.
That didn't work for me!
As "@Html.CheckBoxFor" appended <input type="hidden" ... /> after checkbox input, the bootstrap checkbox become UNclickable. Unfortunately.
My solution to this problem is next:
- throw out "@Html.CheckBoxFor" from code and exchange it on classic
<input type="checkbox" id="cb1" @(Model.SomeBoolProperty ? "checked" : "")/>
<label for "cb1">Text</label>
- Add to the top of the *.cshtml page asp.net hidden control:
@Html.HiddeFor(x => x.SomeBoolProperty)
That control will store your value for a model. - And in "Save"/"Post"/"Send" handler in javascript block update Hidden element value from Checkbox element (f.e., using JQuery):
$('#SomeBoolProperty').val($('#cb1').is(':checked'))
Thus your model will valid and actual for .NET Controller.
from awesome-bootstrap-checkbox.
Related Issues (20)
- printing - selected radio button not visible HOT 1
- Undefined variable: "$input-border-color" in awesome-bootstrap-checkbox.scss HOT 2
- border is not pretty when focus expecially the radio box HOT 3
- Incompatibility list with bootstrap v4.0.0-beta HOT 1
- Undefined variable: "$form-check-input-gutter" HOT 3
- Not working with Asp webforms HOT 2
- Integration with bootstrap-vue HOT 1
- Checkbox click not working on 1.0.0 HOT 2
- Usage with FontAwesome v5 HOT 14
- Checkbox is not working without these specific attributes HOT 1
- Long label - prevent text from wrapping?
- Support for react-bootstrap
- :after content doesn't display on ios
- Border thickness as variable
- checkbox and radio buttons HOT 1
- Checkbox Inside table column HOT 2
- label padding-left creates a clickable area to the right of the checkbox when used in table
- Error npm install awesome-bootstrap-checkbox
- Latest version missing from npm?
- Is it normal to have indeterminate state on input radio when nothing are selected ?
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from awesome-bootstrap-checkbox.