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

Sep 22 05:40

apancutt closed #5224
Sep 21 23:48

m33ts4k0z commented #4056
Sep 21 10:08

godalming123 commented #6532
Sep 18 19:32

DanielRuf closed #6660
Sep 18 19:31

DanielRuf opened #6660
Sep 18 18:44

DanielRuf commented #6338
Sep 18 18:44

DanielRuf commented #6532
Sep 18 18:41

DanielRuf commented #6657
Sep 18 16:45

Tronic247 commented #6659
Sep 18 16:45

Tronic247 closed #6659
Sep 18 16:38

Tronic247 commented #6658
Sep 18 11:14

AnupamKhosla commented #6658
Sep 17 21:11

jshster commented #6658
Sep 17 21:00

AnupamKhosla commented #6658
Sep 17 19:54

jshster commented #6658
Sep 17 14:36

AnupamKhosla commented #6658
Sep 17 11:05

jshster commented #6659
Sep 17 09:40

Tronic247 opened #6659
Sep 17 09:37

Tronic247 commented #6658
Sep 16 18:34

AnupamKhosla commented #6657

Dancul

@lajk5

Hello. I'm quite new to coding.. I'm getting error when compiling materialize.scss to css .... I have visual studio code and installed sass npm install -g sass

then in terminal: sass materialize.scss output.css and then I get error: /* Error: Can't find stylesheet to import.

Sean Doherty

@doughballs

@lajk5 if you’re using VsCode just get the sass extension. No need to use terminal, it compiles on save. The author is ritwick dey (I think)

Dancul

@lajk5

Still getting errors when compiling. Looks to me something is missing in materialize scss files package. Can you try if it is working for you? /* Error: Can't find stylesheet to import. is what I got in css compiled file

Chuck McKnight

@cmcknight

@doughballs

@lajk5 if you’re using VsCode just get the sass extension. No need to use terminal, it compiles on save. The author is ritwick dey (I think)

Which SASS extension? There are many. :joy:

Sean Doherty

@doughballs

@cmcknight the one by ritwick dey, as I mentioned 🙂

Chuck McKnight

@cmcknight

Ah, I thought you were replying to some. :joy:

This message was deleted

@doughballs Wish me luck, I'm playing with service workers and caches today.

Sean Doherty

@doughballs

@cmcknight nice, report back if you find something simple/working, I’ve never looked into it!

Chuck McKnight

@cmcknight

I've got something "relatively" simple, just doing a lot of testing today. There's a nice YouTube playlist here https://www.youtube.com/playlist?list=PLyuRouwmQCjl4iJgjH3i61tkqauM-NTGj

The only thing he leaves out seems to be the error handling for a promise, but that's pretty straightforward to do.

Guilherme Garcia

@guilegarcia

Hi, I would like to know if there are plans to update the materializecss project or has it been discontinued?

Chuck McKnight

@cmcknight

@guilegarcia It's been forked on Github http://github.com/materializecss/materialize. There's a 1.1.0-alpha branch that is currently being worked on. The 1.1 Gitter is https://gitter.im/materializecss/materialize.

Dero Kratzberg

@verdammte

I'm getting back into web development after several years and I'm running into issues just getting things set up right. I'm trying to initialize a modal with jQuery, but I'm getting an error that "$" isn't found. I added the jquery cdn and that fixed the inability to load jQuery, but then it can't find the modal function. I've downloaded the zip from materialize and included the materialize js and css. The css works, but I'm thinking that the js is supposed to include jQuery, but I'm rally not sure. I've forgotten so much of this.

What do I need to do to get the jQuery for modals working again?

Sean Doherty

@doughballs

Did you Include jQuery first?

Anthony Leonardi

@AJLeonardi

@verdammte a jsfiddle would be very helpful for this. the exercise of trimming down your code might help you figure it out too. https://jsfiddle.net/

kuruczp

@kuruczp

Hi guys, can someone please help me? I'm trying to use a select field. However, when I try to listen to the change event and get the selected value, the instance.getSelectedValues(); returns the previous selection and not the current one. How to get the current selected value of the field with JS?

kuruczp

@kuruczp

@Dogfalo can you check that out please?

Sean Doherty

@doughballs

@kuruczp just get the value of the input using JavaScript.

https://stackoverflow.com/questions/1085801/get-selected-value-in-dropdown-list-using-javascript

kuruczp

@kuruczp

That doesn't work either @doughballs

Sean Doherty

@doughballs

It does, I use it all the time

Are you using jQuery? Simplest way ‘$(‘select’).val();’

kuruczp

@kuruczp

@doughballs you are all right! Thank you!

Anthony Leonardi

@AJLeonardi

I'm running into the issue with the dropdowns on iOS. I know there's a patch here: https://github.com/Dogfalo/materialize/issues/6514#issuecomment-594657199 , but I'm currently using the cdn hosted 1.1.0-alpha version. I've never applied a patch before, though. Could someone help me through the steps for this? can I just remove those lines in the materialize.min.js file and host that myself? or is it some other process? Thanks!

Sean Doherty

@doughballs

@AJLeonardi if you download the project fork you can use that js file instead of using the cdn. It’s that simple. Failing that, download the patch (select.js) and serve that after the CDN, which should work.

Anthony Leonardi

@AJLeonardi

thanks, @doughballs I was confused about downloading the fork because it didn't look like any updates regarding this have been merged. But also the project has the js spread across a ton of files (rather than just one file). If I download the patched select.js from the "old" dogfalo repo, will that play nice with the new alpha?

Sean Doherty

@doughballs

Only one way to find out! 😂

Anthony Leonardi

@AJLeonardi

@doughballs haha I feel like I"m the only one that has this issue. Is the dropdown control not commonly used? I feel like this is something that would get fixed asap.

if that doesn't play nice. which js file are you talking about in the project fork? or do I have to do some magic to the code to get it into a single file after forking it?

Sean Doherty

@doughballs

@AJLeonardi I’d be very surprised if the fork has not fixed it. I’ve actually never used it but I know it was high on the list. To use the patch in the past I loaded materialize.js, then select.js, and this worked for me.

Anthony Leonardi

@AJLeonardi

thanks, @doughballs !

Anthony Leonardi

@AJLeonardi

ah - sorry, I'm an idiot. my issue is with the dropdown component, not the select (so a patched select.js doesn't help). This is the open issue from the materializecss repo: materializecss/materialize#31 @doughballs

also this one: materializecss/materialize#58

I'm just not sure how to actually do these fixes on my end

Zee98

@Zee98

hello all. hope all is well. recently I needed to work with collapsible ul, li. Now, I want to put the active class on the last time the li was active. to do this, i have saved the active li to localstorage and when i add the active back to li that was opened last time. this adds the active class for the targeted li. but it does not open it or does not activate. i am doing this via jquery and js. any idea and suggestion or solution?

i am doing this for the nest time page load. so, if one reload the page, it should activate the li that was opened last time.

Marcos Cesar Domingues

@RacconWebFenix

Can anyone help me with materialize in reactJS. Why does the waves-effect button class not work in reactJS?

infodynamicsRene

@infodynamicsrene

Hi... it seems that there is something wrong with materialze icons?? Link here; https://materializecss.com/icons.html

My "chevron_left" and "chevron_right" is not working.... and upon seeing the website (https://materializecss.com/icons.html), it really is NOT working? Any update from you guys??

ShinProg (Logan Tann)

@LoganTann

My "chevron_left" and "chevron_right" is not working.... and upon seeing the website (https://materializecss.com/icons.html), it really is NOT working? Any update from you guys??

make sure you included this in the head <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Esteban castro Sola

@estebancastrosola

Hi there! As infodynamicsRene says, the icons do not work. They do not appear on the https://materializecss.com/icons.html website, only the label appears.

In the console I have this error:
Failed to decode downloaded font: https://fonts.gstatic.com/s/materialicons/v102/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2

@infodynamicsrene Hi! Have you been able to solve the error?

cimenta

@cimenta

hi, is there a chance that some old browser will not support MaterializeCSS? How old browsers would it be?

Esteban castro Sola

@estebancastrosola

Hi, the error occur in Chrome latest version, Firefox latest version and Chromium latest version

Chuck McKnight

@cmcknight

Great article: https://ishadeed.com/article/less-absolute-positioning-modern-css/

LEGENDTHUNDER1

@LEGENDTHUNDER1

How to save my website form profile and password

Nandhakumar

@Nandhakumarpro

hi, can anyone help me find the issue in my code.Dropdown not working properly is the issue.
the code snippets available here
https://codepen.io/nandhakumarpro/pen/jOwYRXJ

swadiqcmd

@swadiqcmd

better if materialize add every color known publicly with special names to css class like lavender ivory silver navy blue lilac

jshster

@jshster

boy things have gone reeaaally quiet in here..... if anyone is still around, can anyone help me with an interesting scenario. I'm using the Materializecss datepicker .... I am using it to setup sporting matches on a specific day of the week, depending on the competition selected. So if I select Monday Mixed Basketball I only want the Monday's to be enabled but if I select Wacky Wednesday's, well I then only want Wednesday's enabled. I was thinking the easiest was to do this would be to have a data attribute with the day of the week and then use that in the disableDayFn method.... but I can't work out for the life of me how to access the data attribute. I'm trying to avoid using ID's or anything remotely hard coded. Any ideas?

Chat via Matrix