Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Oct 20 10:33
    eduardoalcantara commented #6106
  • Oct 20 03:04
    dhavalveera opened #6661
  • Oct 17 08:17
    LoganTann commented #6658
  • Oct 17 08:06
    LoganTann commented #6605
  • Oct 17 08:04
    LoganTann commented #6625
  • Oct 17 08:03
    LoganTann commented #6639
  • Oct 17 07:57
    LoganTann commented #6651
  • Oct 13 17:17
    rafaelsales closed #6648
  • Oct 12 16:12
    dargmuesli closed #6142
  • Oct 02 07:00
    justAdevTV commented #6649
  • Sep 30 10:46
    DivyanshSareen commented #2582
  • Sep 30 10:46
    DivyanshSareen commented #2582
  • Sep 30 10:46
    DivyanshSareen commented #2582
  • Sep 29 12:20
    kianweelee commented #4759
  • 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
Bob James
@mobibob
are there pre-defined container/content "role"s? I know about "main", and I have seen others, but I don't know if they are custom or pre-defined.
Duke Yin
@yduke
Hi guys, is there a way to clear a "Chips" programmably?
Sean Doherty
@doughballs
@mobibob re space between rows - there is a margin bottom on every row, take it off.
1 reply
@mobibob re role - are you talking generally, or materialize? https://stackoverflow.com/questions/10403138/what-is-the-purpose-of-the-role-attribute-in-html
Sean Doherty
@doughballs

@mobibob re push pull - "You can easily change the order of your columns with push and pull."

If you look at the example in the docs, the cols are 7-5 initially, but display 5-7 because of the push-pull. It is to reverse the order of the columns at certain screen sizes. Useful depending on content.

GRawhideMart
@GRawhideMart
Hello everyone! Does anybody have an issue with fab buttons?
Anthony House
@tuffant21
image.png
image.png
@mobibob here is an example where I use push and pull. You always want to go mobile first.
Here you can see on mobile, I have col s12 for additional details. Then col s12 for the map.
On desktop however, I have m6 push-m6 l7 push-l5 on additional details and m6 pull-m6 l5 pull-l7 on the map. This causes the map to be to the left of the additional details
@GRawhideMart I have not had any issues with it
@yduke Can you post a codepen?
computerwiz12890
@computerwiz12890
Can I make a suggestion for an icon? Is it possible to add one to the already huge list?
Anthony House
@tuffant21
I think you would have to reach out to google to add an icon :p
Materialize references google's icon here https://material.io/resources/icons/?style=baseline
computerwiz12890
@computerwiz12890
Oh, I thought the developers behind Materialize were in this chat...
It's not a huge deal, I just think the "queue" icon could look more "queuey"
image.png
More like this.
"low_priority" will work as a replacement...I just think it could be better.
Anthony House
@tuffant21
They are, but I don't think I've ever seen them active in it. There are some devs on the side who are working on a new version. But I don't think they have access to change material icons. They're all google icons
Nice icon though!
computerwiz12890
@computerwiz12890

Ahh, gotchya.

Thanks! I made it myself in Paint.net. ^_^

Sean Doherty
@doughballs
@computerwiz12890 have you got the Startup theme btw? Well worth it, only £29. Anyway, in that theme they have designed some new icons and include them as a font (simple-line-icons), so they can be used using the i tag. I haven't played around with them, but that would be a really quick and easy way to design your own icons and then use them in your project 'the materialize way'.
computerwiz12890
@computerwiz12890
Nope, never heard of the Startup theme @doughballs. I'll have to check it out! Thanks
Sean Doherty
@doughballs
computerwiz12890
@computerwiz12890
Cool, thanks!
Willem Goudsbloem
@wgoudsbloem
Is there an easy way to adjust the material theme colours? For example material design talks in primaryColor, primaryColorLight, PrimaryColorDark, etc..
Sean Doherty
@doughballs
@wgoudsbloem yes, with Sass:
$primary-color: color("materialize-red", "lighten-2") !default;
$primary-color-light: lighten($primary-color, 15%) !default;
$primary-color-dark: darken($primary-color, 15%) !default;

$secondary-color: color("teal", "lighten-1") !default;
$success-color: color("green", "base") !default;
$error-color: color("red", "base") !default;
$link-color: color("light-blue", "darken-1") !default;
$primary-color is referencing the color set in _color-variables. The theme uses two main colors - teal and light red - so you could quickly change the whole theme by changing these two claues and then re-compiling the css file (as easy as opening the scss file and saving it if you use VSCode with live sass compiler installed)
Willem Goudsbloem
@wgoudsbloem
I was hoping to stay away from recompiling, but I guess that's the nature of the css beast :( Thanks for the pointer!
Anthony House
@tuffant21
You can use css to set colors, but you have to set it for each individual item. Kind of a pain tbh. That's the route I took, and now I wish I took sean's approach! :p
Willem Goudsbloem
@wgoudsbloem
yeah, I get that. my issue is that I ca't use the CDN now, so I have to set that all up which is more work than I hoped for.
albertrw83
@albertrw83
For the Materialize Chips autocomplete, once one chip is selected, how could I remove that as an autocomplete option when user is adding another chip?
weirdjon
@weirdjon
not sure if this has been asked before, but is there a way to make "hidden" work on css materialize select? only "disabled" and "selected" is working for options
Anthony House
@tuffant21
There is a hide class that hides the element
weirdjon
@weirdjon
still shows the option even after adding the class 'hide'
the main dilemma i have though is when i use 'multiple' on a select and disabled the first option, that disabled first option will automatically be part of the selected values. i was thinking of hiding it instead but i guess it will not solve the problem
Anthony House
@tuffant21
Can you post the code on something like codepen and maybe some images of current behavior vs expected behavior
image.png
what i want is something like this image below but 1st option should remain as selected
image.png
Anthony House
@tuffant21
So if phone, chat, or email is selected, the select box should display phone, chat, and email. But, if they open the select again, the select modality should be selected?
weirdjon
@weirdjon
yes, the "Choose modality" should be seen on the dropdown
but i make it like that, the "Choose modality" is being selected and i cannot unselect it bcause it is disabled
Anthony House
@tuffant21
Oh, remove the selected attribute