Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Nov 29 17:39
    eduardoalcantara commented #1390
  • Nov 29 17:39
    eduardoalcantara commented #1390
  • Nov 29 17:38
    eduardoalcantara commented #1861
  • Nov 29 17:38
    eduardoalcantara commented #1861
  • Nov 29 16:54
    eduardoalcantara commented #1390
  • Nov 29 16:54
    eduardoalcantara commented #1861
  • Nov 29 07:28
    Saswat689 opened #6663
  • Nov 11 13:42
    phamquangbaoplus commented #6174
  • Nov 11 11:53
    21r8390 commented #5794
  • Nov 11 11:01
    21r8390 commented #5794
  • Nov 05 02:41
    esdeseace edited #6662
  • Nov 04 17:52
    esdeseace opened #6662
  • Nov 02 02:43
    edazpotato closed #6490
  • Oct 29 15:05
    feiticeir0 commented #6356
  • Oct 28 14:53
    LoganTann commented #6661
  • Oct 28 14:52
    LoganTann commented #6661
  • Oct 28 13:26
    LoganTann commented #6644
  • Oct 28 13:26
    LoganTann commented #6644
  • Oct 28 13:24
    LoganTann commented #6647
  • Oct 28 12:45
    dhavalveera commented #6661
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
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
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?
Grzesiek Kozdroj
@GrzesiekKozdroj
While using materialize carousel with react router, if the carousel is initiated through router it doesn't show. I cannot seem to initialise it in neither through componentDidMount nor in useEffect. These just throw error that on line 529 of materialize.js, this[0] is undefined
Chuck McKnight
@cmcknight
@jshster, the new development on materialize is on the 1.1 branch (see my comment above). That group is more active than this one which seems to be somewhat abandoned.
1 reply
Yousifnaim
@Yousifnaim
function multiply(a, b){
a * b
}
what is the problem in this javascript code ??
jshster
@jshster
@Yousifnaim you aren’t returning the value. The body of the function should read as follows:
return a*b;
SeCrEt BoY™
@khanh-nt
const multiply = (a,b) => {a*b}
Ghost
@ghost~6160769e6da03739848777f1
Hello guys, currently im working on a project and I need some help. Is it possible to reinitialize? I'm creating some popups and the functions aren't triggering. I think its because they are not registered in the object, arent they?
Chuck McKnight
@cmcknight
@angu-dev Yes, I was informed of this a few months ago. You need to re-initialize with the same 'options' and everything works. I was using a select list and needed to re-initialize the control (which is wrapped in other stuff, hence the need for re-initialization).

Here's the thread:

@cmcknight i haven't stepped through you code and don't have time, but selects must be re-initialised after you mess with them.

  1. <Select></select> - this is the point of reference
  2. Initialize the select.
  3. Materialize then takes the select, hides it, and replaces it with text input and dropdown
  4. Make changes to the original select (for instance, adding, removing ect)
  5. Initialize again to see the changes take effect

from https://gitter.im/materializecss/materialize where all of the new development is occurring.

Charlie Appleton
@Xjarlie
hey guys, is there any way of changing the colours of a switch and other input elements? i know how to edit the colours of text inputs, but i was wondering if there was a similar way for the others
Chuck McKnight
@cmcknight
Have you tried overriding the colors in CSS using the !important flag?
ShinProg (Logan Tann)
@LoganTann
!important is considerate as a bad practice, the best way is to use strong CSS selectors
Chuck McKnight
@cmcknight
I'm not sure I know what you mean by a strong CSS selector. Could you explain
SirePi
@SirePi

hello everyone, I'm having a bit of an issue with the select component in materialize + angular (using it as a common js library)
In particular, I can initialize the select, but once I click on it I get an ERROR TypeError: can't access property "getBoundingClientRect", this.el.offsetParent is null

I tried poking inside the code, and the problem is

 key: '_getDropdownPosition',
value: function () {
  this.el.offsetParent.getBoundingClientRect(); <<< here
  var t = this.el.getBoundingClientRect(),

in addition, it seems that that line is useless (unless it forces a recalculation that has some other side effects).
I'm initializing the select like this

  ngDoCheck(): void {
    var elems = document.querySelectorAll('select');
    if(elems.length)
      M.FormSelect.init(elems, {});
  }

so that every time something changes, it is reinitialized. Am I doing something wrong?

Emiliano
@emilinao:matrix.org
[m]
Hey! I've never used css i was following a php tutorial but it seems like some things have changed since the tutorial was made cause the same exact code doesn't work.
or at least, it works but it comes up in a different scaling
the class section is supposed to space out stuff right?
Emiliano
@emilinao:matrix.org
[m]
aight found the solution
ShinProg (Logan Tann)
@LoganTann

I'm not sure I know what you mean by a strong CSS selector. Could you explain

instead of .switch label input[type="checkbox"]:checked + .lever that marterialize uses, you will have to override it to .switch.custom-color label input[type="checkbox"]:checked + .lever and add the custom-color class to the switch element


Hello @SirePi can you share a codepen demonstrating your issue? If that's a bug, we can fix it in the community repository (github.com/materializecss)
suporteeja
@suporteeja
Hi
I need help
1 reply
MumblingFumbler
@MumblingFumbler
I want to use materialize icons in developing a google workspace add-on. The JSON for the add-on requires a URL for the icon. From Google Quickstart:
MumblingFumbler
@MumblingFumbler

The above message was cut off:
From Google Add-on Quickstart JSON:
"logoUrl": "https://www.gstatic.com/images/icons/material/system/1x/pets_black_48dp.png"
How do I derive the icon URL from the materialize icons described here:
https://materializecss.com/icons.html

Thanks for your help,
Mumbling Fumbler

MumblingFumbler
@MumblingFumbler
OK, I think I figured it out, but it would be great if the mapping were documented somewhere.
supergnaw
@supergnaw
Is there a class for <table> elements to make the rows more compact? I thought there was a while back but I'm re-reading the documentation and can't find it anymore.
Junior
@Muhammad-Waleed-Hafeez
image.png
hi there!
i'm adding html sel;ect tag in my project but for some reason Materialize's select adding another "select-wrapper class inside my select . can anyone tell me what am i doing wrong here?
i'm new to Materialize theme.
Junior
@Muhammad-Waleed-Hafeez
<div class="row">
                    <div class="input-field col s12 m6">
                        <select asp-for="CityId" asp-items="@ViewBag.CitiesSelectList">
                            <option value="" disabled selected>Select City...</option>
                        </select>
                        <span asp-validation-for="CityId" class="text-danger"></span>
                    </div>
                </div>
this is my code
Bharath8785
@Bharath8785
Hello people,