Checkbox does not appear

[Obiwarn]

I use Meteor. Everything works great including ripples, etc.

But checkboxes do not appear, just the text when I use:

Notifications

Notify me about updates to apps or games that I've downloaded

[FezVrasta]

can you provide a demo to see the problem? I really don't know meteor so much so without see it I can't understand.

[Obiwarn]

hm....it seems that some of the JS is not working.

I also cannot get the dropdown.js to work.

Any ideas?

[RomainLanz]

@obiwarn Did you write $.material.init(); or $.material.checkbox(); on your body?

[255kb]

@obiwarn i had the same problem, this is due to the fact that material elements are initialized before the template is rendered by Meteor. As @RomainLanz said you must use $.material.checkbox(); or $.material.init();. Put this after the template has been rendered, by using Meteor rendered function; like this:

Template.myTemplate.rendered = function(){
    $.material.init();
};

I think that this issue can be closed as it is not directly related to Bootstrap material design.

[Obiwarn]

Thank you!

Checkbox & radio work great now.

However, dropdowns still not :-(

[FezVrasta]

dropdowns are provided by dropdown.js (https://github.com/FezVrasta/dropdown.js)

[Obiwarn]

I know. But this did not work for me in Meteor:

$(".select").dropdown({ "autoinit" : ".select" });

[FezVrasta]

sorry without an example (codepen or similar) I can't say why it's not working.

[MrDanMacDonald]

Great work! I am having the same issues with the checkbox (and all of the form animations) in my rails app - the checkbox doesn't appear, nor do any of the animations.

Any suggestions?

[FezVrasta]

Did you init them?

[MrDanMacDonald]

@FezVrasta Hi Fez, I haven't tried that yet but definitely will.

[phtn]

Template.homepage.rendered = () => { $.material.init() }

material has to initialize on render