How to apply flip switch css on asp checkbox? with the help of js and css.

Question

0.00/5 (No votes)

See more:

hello All...
im working on a asp.net project . and on client's recommendation i have to use switch-flip checkbox . (with the hep of js and css). i searched out many js-css articles regarding flip-switch asp checkbox. . but they are faulty somewhere . i didnt reach to the proper solution till yet .
so can anyone give me any hint to apply css or js on asp checkbox. to make it switch-flip type. ?????

thanks in advance.

What I have tried:

i was looking for the solution on internet . i found below solution. its not working properly.

External Links Are:

<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

CheckBox source code is below :

<asp:CheckBox runat="server" id="textCheck" data-role="flipswitch"
AutoPostBack="true" />

Posted 8-Feb-16 23:07pm

Ashutosh shukla207

Updated 23-Sep-16 20:16pm

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) · Answer 1 · 2016-02-08T23:27:00

Solution 1

You can use Bootstrap switch. That is awesome and easy to use. Bootstrap Switch · Turn checkboxes and radio buttons in toggle switches[^].

Posted 8-Feb-16 23:27pm

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ)

Ashutosh shukla207 · Answer 2 · 2016-09-23T20:16:00

Solution 2

check this .,,

[^]

this is an asp.net griview control . and there is an on off flip switch button . that is asp checkbox

Posted 23-Sep-16 20:16pm

Ashutosh shukla207