Click here to Skip to main content
15,891,372 members
Please Sign up or sign in to vote.
1.00/5 (1 vote)
See more:
Good Morning
friends ,
i want to use this
https://proto.io/freebies/onoff/[^]
kind of design for checkbox control(animated check box for asp.net control).
i want check box in pop up window , in grid view .
Any one have answer tell me.
Thank you.
Posted
Updated 1-Feb-15 18:51pm
v2
Comments
Sergey Alexandrovich Kryukov 2-Feb-15 0:46am    
Answer for what? This is not a question.
—SA

I'm not sure if it would be acceptable to steal someone else's design idea, but at least you can learn some technique. All you need to do it to learn HTML, JavaScript and DOM and look at the page you referenced properly. To do so, use your browser's "View / Page Source" menu item and read the source. You also may need to download other files referenced from this page. CSS could be in one or more separate files, and JavaScript could be used. (Sorry, I did not get time to find out; if I did, it would not help much; if will help only if you do it by yourselfa).

Good luck.
—SA
 
Share this answer
 
I have used this , to get animated check box.
This is for grid view.
HTML
<div class="onoffswitch">

<input name="onoffswitch" class="onoffswitch-checkbox" id='chk<%# ((GridViewRow)Container).RowIndex %>'onclick="javascript: isActiveChange('chk<%# ((GridViewRow)Container).RowIndex %>');" type="checkbox">

<label class="onoffswitch-label" for='chk<%# ((GridViewRow)Container).RowIndex %>'>
 
 
</label>
</div>


This is for pop up.

HTML
<div class="onoffswitch">
<input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="chkIU" onclick="javascript: isActiveChange('chkIU');">
<label class="onoffswitch-label" for="chkIU">
 <span class="onoffswitch-inner"></span>
 <span class="onoffswitch-switch"></span>
</label>
</div>
 
Share this answer
 

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900