Where communities thrive

Join over 1.5M+ people
Join over 100K+ communities
Free without limits
Create your own community

Explore more communities

Dogfalo/materialize

Materialize, a CSS Framework based on Material Design

People

Repo info

Activity

Aug 10 22:17

amirmp3 opened #6586
Aug 10 11:21

doughballs commented #6047
Aug 10 06:34

ermarkar commented #6047
Aug 09 04:08

Lerie82 closed #6585
Aug 09 04:08

Lerie82 commented #6585
Aug 09 03:58

Smankusors commented #6585
Aug 09 02:29

Lerie82 commented #6585
Aug 08 12:37

Smankusors commented #6585
Aug 08 08:11

Lerie82 opened #6585
Aug 06 23:58

Alextastico commented #210
Aug 06 15:09

Smankusors commented #6446
Aug 06 15:08

Smankusors commented #4720
Aug 06 15:01

Smankusors commented #5943
Aug 06 14:52

Spayco commented #6582
Aug 06 14:52

Spayco closed #6582
Aug 06 14:30

Smankusors commented #6582
Aug 05 15:36

jasonbrookins commented #6123
Aug 05 11:13

zekageri commented #6584
Aug 03 17:28

brendonparker commented #6059
Aug 03 11:34

veeshi opened #6584

Juan Felipe Cortes

@Juan-Felipe18

Hello, what happens to me is that I am working with angular and my dropdown does not work after executing the router.navigate ([]) function. Can somebody help me

Sean Doherty

@doughballs

@Juan-Felipe18 make sure the initialisation is inside component did mount so that it runs on each new render.

computerwiz12890

@computerwiz12890

@tuffant21 Probably so. I'll look into going that route. I just find it weird that "onchange" fires on initial load after .datepicker() is run.

computerwiz12890

@computerwiz12890

@tuffant21 Do you have any idea if there are other situations like that with Materialize that will cause the "onchange" event to fire due to initializing Materialize controls? I assume timepicker() is the same way. But would be good to know if I need to look out for others....

reemkurdi

@reemkurdi

Hello, hope you are doing well! Anyone has any idea where I can find the CSS implementation for this forum? https://github.com/plkpiotr/forum They have used Materialize to construct a forum. Please let me know. I highly appreciate it. Thank you!!

Anthony House

@tuffant21

The css for this gitter page?

9 replies

MrSrv7

@MrSrv7

how to change the color of the tickmark in checkbox when checked in materializecss ?

Anthony House

@tuffant21

https://stackoverflow.com/questions/35261021/change-color-of-checkbox-in-materialize-framework

MrSrv7

@MrSrv7

thanks

computerwiz12890

@computerwiz12890

Got a really big issue with the Materialize checkboxes

I was able to re-create it on the Materialize site itself

If you have a div that is limited by Height, and overflow-y:scroll, and within that DIV is a bunch of checkboxes...

Like so

When you scroll down towards the end, and check off one of them, it scrolls the ENTIRE page down as well!

Happens in Chrome, Firefox, and IE....

In my web applications, I have NO SCROLL on the main page. So when this happens on my site, it glitches like this....

computerwiz12890

@computerwiz12890

:'-(

It's as if the Materialize checkboxes really want to make sure they are in focus when they get clicked on....

And "browser-default" as a class doesn't work to de-Materialize them!! :'-( :'-( :'-(

avillafana

@avillafana

Hey everyone, I'm brand new to materialize and have no clue how to get the materializecss chips data using JavaScript? Can you anyone help?

avillafana

@avillafana

This is not working: $('.chips-initial').material_chip('data');

I've tried using getElementById with no success.... desperate for some help here

Sean Doherty

@doughballs

@avillafana make sure you are using 1.0.0, looks like an old version to me. This is one way:
https://codepen.io/doughballs/pen/vYNJXEy

2 replies

Arudi Valentine

@arudivalentine

Hello everyone

avillafana

@avillafana

@doughballs This works. Thanks a bunch!

farjamch

@farjamch

MrCoderManCodeCoolGames

@MrCoderManCodeCoolGames

Sunil Garg

@ermarkar

m facing issues with checkbox

can anyone help?

removing checked attribute not working

Sunil Garg

@ermarkar

@SamShalby

Sean Doherty

@doughballs

@ermarkar show us what you have, how the problem occurs - live code please, not markup.

BeatrizSaba

@BeatrizSaba

I'm having problems with Collapsible, it doesn't open when clicked. Can someone help me?

Sean Doherty

@doughballs

Did you initialise it? And did you use the correct markup from the docs page? Are you loading JavaScript in the correct place? (At the end, before closing body tag, after jQuery If using it)

BeatrizSaba

@BeatrizSaba

Well, about the initialization, I'm not sure how to do it. JavaScript I put in the right place

BeatrizSaba

@BeatrizSaba

Could you explain better how to do the initialization?

Sean Doherty

@doughballs

https://materializecss.com/collapsible.html#initialization

Take out the options variable if you’re not using any options.

BeatrizSaba

@BeatrizSaba

This code, where do I insert it? This is my question

Sean Doherty

@doughballs

After Materialize, serve a custom js file. Inside this should be one document.ready, and then all your initialisations go inside this .

BeatrizSaba

@BeatrizSaba

I put the files on Github, you can take a look, because I think I still did something wrong... https://github.com/BeatrizSaba/TesteMaterialize

Sean Doherty

@doughballs

Why the period here? : ./testejs.js and also, take out the options variable (like I already mentioned):

var instances = M.Collapsible.init(elems);

And remove everything to do with jQuery. You need one or the other not both.

BeatrizSaba

@BeatrizSaba

I had even forgotten to remove the variable. The ./TESTEJS.JS is the call to my javascript file. I removed the variable and jQuery. Do I need to do anything else?

SamShalby

@SamShalby

well, you need to use either of both. js or jquery.

let us know if you need anything else.

BeatrizSaba

@BeatrizSaba

Even using only js it still didn't work. I don't know if I went wrong somewhere, or what happened. When I run the html this error appears in the browser.. Uncaught ReferenceError: $ is not defined
at testejs.js:2 (testejs.js it's my file javascript)

Sean Doherty

@doughballs

That because you're trying to use jQuery and don't have jQuery sourced...

BeatrizSaba

@BeatrizSaba

Now I understand ... thank you very much. It worked right here.