question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

How to use iCheck change checkbox style

See original GitHub issue

I have followed the Issue #383 to change checkbox style wiht iCheck, but it doesn’t work. I cannot click. https://examples.bootstrap-table.com/index.html#issues/383.html

OS: Win10

var _option = $.extend({}, $.fn.dyTable.defaults, option || {});
        var target = $(this);

        _option.onPostBody = function () {
            $(':checkbox').each(function () {
                if (!$(this).parent().hasClass('check-box')) {
                    $(this).wrap('<label class="check-box"></label>')
                        .iCheck({
                        checkboxClass: 'icheckbox-blue',
                        radioClass: 'iradio-blue',
                        //increaseArea: '20%' // optional
                    });
                    //.radiocheck()
                }
            });
            //$('.dropdown-toggle').dropdown();
        }

        target.bootstrapTable(_option);

bt

Comment onPostBody event: bt1

Can you give me some advice how to integrate with iCheck?

https://live.bootstrap-table.com/code/GerryGe/2657

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7

github_iconTop GitHub Comments

2reactions
gerrygecommented, Apr 29, 2020

Did you review this example #3981?

Yes, the answer is #383. I think the author recommends using onPostBody event to rewrite the checkbox. but this is not work for iCheck. Because iCheck wraps each input with div. Who can give us a demo on how to integrate with iCheck?

By the way, the demo of #383 have the issue of toggle dropdown. You can try to find.@wenzhixin https://live.bootstrap-table.com/code/GerryGe/2703

0reactions
djhvscfcommented, Jun 21, 2020

Yes. You could use the default checkbox. If this is not possible please follow this example https://github.com/wenzhixin/bootstrap-table-examples/blob/master/issues/383.html

Read more comments on GitHub >

github_iconTop Results From Across the Web

Customize checkboxes and radio buttons with iCheck (jQuery ...
iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which you may customize yourself...
Read more >
UI Design: Customize Checkbox & Radio Input with iCheck
In our previous post, we have shown you how to customize checkbox and radio input using CSS. One constraint from this technique, however, ......
Read more >
Custom checkbox styling with iCheck - CodePen
Quick demo using iCheck http://fronteed.com/iCheck/...
Read more >
html - How to change size of checkbox and add border radius ...
I am using icheck in my project ...
Read more >
super customized checkboxes and radio buttons with jQuery
iCheck plugin works with checkboxes and radio buttons like a constructor. It wraps each input with a div, which you may customize yourself...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found