creativetimofficial / ct-argon-dashboard-pro

A beautiful Premium Dashboard for Bootstrap 5.
https://demos.creative-tim.com/argon-dashboard-pro/pages/dashboards/landing
30 stars 13 forks source link

Changing the Checkbox doesn't update the checked property #23

Open mustafasalahuldin opened 4 years ago

mustafasalahuldin commented 4 years ago

Prerequisites

Please answer the following questions for yourself before submitting an issue.

Expected Behavior

I'm using the checkbox element described in this link: https://demos.creative-tim.com/argon-dashboard-pro/docs/components/forms.html I expected the checked property to be updated when toggling the checkbox, but for some reason it is not. I'm using MVC 5 project with Razor syntax.

Current Behavior

No change in the checked property.

also if I use the @HTML.CheckBoxFor() helper method I got duplicate checkbox HTML elements and one of them is hidden:

This the code after compile

rarestoma commented 4 years ago

Hi @mustafasalahuldin,

Thank you for working with our products.

It is a mistake that we are going to fix in our next update.

Please change this CSS (.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after) with the following:

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url('data:image/svg+xml,%3csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 8 8\'%3e%3cpath fill=\'%23fff\' d=\'M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z\'/%3e%3c/svg%3e'); }

Please let me know if it works.

All the best, Rares

mustafasalahuldin commented 4 years ago

No, sorry, still not working.

No update for the "checked" attribute happened in the checkbox HTML object. The CSS works fine but the input HTML Input component doesn't update attribute.

mustafasalahuldin commented 4 years ago

Would you please try it on a sample MVC ASP.net project?