data-toggle="button" initial active state #11535

Activity

1. johnnyshields commented on Nov 25, 2013

   

   johnnyshields

   on Nov 25, 2013

   More actions

   👍 +1 having the same issue
2. johnnyshields commented on Nov 25, 2013

   

   johnnyshields

   on Nov 25, 2013

   More actions

   Here's a quick coffeescript hack for those who need it:

   class window.BsHack
     @fix_btn_toggle: ->
       $('[data-toggle="buttons"]').each (i, grp) ->
         $(grp).children('label.btn').each (i, btn) ->
           btn = $(btn)
           btn.addClass('active') if btn.children('input').first().attr('checked')=='checked'
3. johnnyshields commented on Dec 22, 2013

   

   johnnyshields

   on Dec 22, 2013

   More actions

   At a minimum, please provide us a JS function which will set the correct button state across the page, which we can call at page load time.
4. fat commented on Dec 24, 2013

   

   fat

   on Dec 24, 2013

   Member

   More actions

   you should be setting this in your template… same place you are setting checked=checked

   but for some reason if you can't access your template… just include this:

   $(function () {
     // you may want to add an additional check to make sure that the parent is the element you expect it to be
     $('[checked="checked"]').parent().addClass('active')
   })
5. fat

   closed this as completedon Dec 24, 2013
6. aaronchi commented on Dec 25, 2013

   

   aaronchi

   on Dec 25, 2013

   Author

   More actions

   Why not add this to the library though?
7. cvrebert commented on Dec 26, 2013

   

   cvrebert

   on Dec 26, 2013

   Collaborator

   More actions

   One possible reason is that I don't think there's a non-super-hacky way (at least without overhauling the plugin) to make that also work for elements added to the DOM after the initial page load, which would be a confusing/annoying inconsistency.
8. cvrebert commented on Feb 8, 2014

   

   cvrebert

   on Feb 8, 2014

   Collaborator

   More actions

   Duplicate of #8919.