Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Nov 21 19:00
    BenBitDesign commented #6617
  • Nov 21 18:59
    BenBitDesign commented #6617
  • Nov 21 13:52
    doughballs commented #6617
  • Nov 21 06:51
    BenBitDesign opened #6617
  • Nov 20 09:30
    doughballs commented #6616
  • Nov 20 09:06
    melineWb opened #6616
  • Nov 20 09:02
    melineWb commented #3624
  • Nov 20 07:49
    ABDULAZIZ94 commented #5858
  • Nov 19 10:54
    doughballs commented #6615
  • Nov 18 09:59
    Deep-Codes commented #6615
  • Nov 18 03:42
    Smankusors commented #6615
  • Nov 18 03:08
    johnknapp commented #6615
  • Nov 16 17:28
    shameekagarwal commented #4721
  • Nov 16 17:09
    CristianMisake commented #5069
  • Nov 13 13:46
    doughballs commented #6300
  • Nov 13 13:46
    doughballs commented #6300
  • Nov 13 13:22
    les113 opened #6615
  • Nov 13 13:21
    les113 commented #6300
  • Nov 13 13:18
    les113 commented #6300
  • Nov 11 23:15
    mross1080 commented #6123
weirdjon
@weirdjon
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
It will be the default item shown, but won't show up once something is selected
image.png
weirdjon
@weirdjon
but i want the "choose modality" to be the default selected item
any other workarounjd?
Anthony House
@tuffant21
It would be the default selected item. Unless you mean something else?
weirdjon
@weirdjon
i actually have other select elements. this one is just a sample. adding "value=''" works for me. thank you
Anthony House
@tuffant21
Sure thing!
Sean Doherty
@doughballs

@wgoudsbloem & @tuffant21

Not sure how you are both set up but I write my styles in Sass, so anytime I hit save, I get a recompiled css stylesheet. If I'm working locally, the change is immediate via live reload (VS Code), if it's on a live site, I have the one extra step of FTPing the new stylesheet (CODA).

So recompiling for me is part of the build process and probably happens thousands of times each project.

GRawhideMart
@GRawhideMart
Hello! Does anybody know how to remove the border from a navbar? I want to make it fully transparent

Hello! Does anybody know how to remove the border from a navbar? I want to make it fully transparent

Nevermind, assigning it the class z-depth-0 did the trick

Orlando Paredes Hamsho
@orlando-paredes-hamsho
Hey! anyone here used to dealing with overly long labels?
Sean Doherty
@doughballs
@orlando-paredes-hamsho hi! Labels for inputs? Not personally. What's the problem? I often have issues with long placeholders though...
KOTESWAR RAO MEESALA
@koteswar375
Hey..is there a plan to add utility classes for display, margin, position, padding just in bootstrap
Haich Legodi
@HaichH
Hey guys... Is there an Angular library on npm for this?
Sean Doherty
@doughballs
@koteswar375 I don't think so - one of strengths of materialize is cleaner, more semantic markup. You can always write your own helpers, but ultimately, they are not the most maintainable solution. Imagine you have dozens of pages, and you need to adjust one of those helper classes, on some but not all divs that contain it...! Much easier to declare your global padding in your own stylesheet.
Anthony House
@tuffant21
@HaichH Yes there is: https://www.npmjs.com/package/angular2-materialize-v1 this is one I developed. It uses materialize >= v1.0.0
For versions <= 0.100 use this library https://www.npmjs.com/package/angular2-materialize
seano-hub
@seano-hub
Hello, i have a question/need help with this specific issue.. i am using Date picker.. i have disabled/hid time picker on it. I am using it to select date that is getting stored in db. I have set min date to "Today", i.e. user cannot select a date in past. Now when the same date picker is loaded and i try to set default date of date selected in past it sets it to "Today" because that is min date. Is there a way to still mark past date as selected but user can only select date today and onwards?
Sean Doherty
@doughballs
@seano-hub sounds like you want multiple selections? I don't think it's possible.
TristanDCP
@TristanDCP
Hi, is there a way to make the sidenav top link in mobile version fixed?
nvm I got it when I asked the question
seano-hub
@seano-hub
@doughballs no no.. so i still want only 1 selected date. The way i am using it is that you can open a dialog and see a selected date if any and be able to update the date. So lets say today is sep 18, i go to a dialog for first time, no date is selected and earliest date i can select is sep 18th. i go ahead and select sep21 and save it. Now when i reload the dialog, i see sep18 selected by default (because data was saved in db yesterday) . Problem happens if i open the dialog on sep22 or after,because "minDate: new Date()", so now the selected date shows "sep22" instead of "sep21" because that is before minDate.. did i do a better job explaining it now?
Sean Doherty
@doughballs
@seano-hub I'm still confused haha
Sean Doherty
@doughballs
@seano-hub is does seem to me that you want multiple select. You want them previous selected date, and you want the user to select a new date. That is multi select?
gabrielviteri
@gabrielviteri
Hi, i'm using chips but limit option is not working. Why could be the issue?
Anthony House
@tuffant21
Could be any number of things. Do you have any code to share?
gabrielviteri
@gabrielviteri

trying the same of the sample page:

<head><link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection"/></head>

<body><div class="chips chips-autocomplete"></div>
<script src="js/jquery-3.4.1.min.js"></script>
<script src="js/materialize.js"></script>
<script type="text/javascript">
$('.chips-autocomplete').chips({
autocompleteOptions: {
data: {
'Apple': null,
'Microsoft': null,
'Android': null,
'Facebook': null,
'Twitter': null,
'Amazon': null,
'Google': null
},
limit: Infinity,
minLength: 1
}
});
</script>
</body>

and in limit i replaced Infinity with 3
Davey Herrera
@daveyherrera
Hello everyone! I am currently working on a site. I am Using Jekyll and Materialize. When trying to generate an automated menu (Which works correctly), noticed that the menu goes back to the original state, so I wanted to add an active to the parent item of the item, I managed to add the "Active" class to the html li object, but for some reason the collapsible does not activate. Is there a way to activate the collapsible (maybe a method I missed) to get this? thanks in advance!
weirdjon
@weirdjon
is there a way to insert a materialize pre-loader inside a Select element? thanks
CinematicCow
@CinematicCow
Hello, I am new to custom CSS-frameworks, I wanted to know how one can change colors in radio buttons or check boxes, like the color of the tick. Thanks!
Sean Doherty
@doughballs

@CinematicCow this should go part way to demonstrating:

https://codepen.io/doughballs/pen/xxxPaXm

Steve CHI-YUAN LENG
@avgsteve
image.png
Hi is anyone got the warning message from Chrome like "[Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive." ?
I tried to find the issue related this on the Internet but couldn't find any...
computerwiz12890
@computerwiz12890
Hello all! So I see Materialize has multi-select dropdown boxes, but none of the versions of them have a SEARCH or FILTER capability. Is there something I'm missing? Or is this just not available?
Talking about something that works like this: https://www.jquery-az.com/boots/demo.php?ex=63.0_9
Sean Doherty
@doughballs
@computerwiz12890 have you looked at autocomplete?
computerwiz12890
@computerwiz12890
I have now. That doesn't appear to be what I need, since the user will still need the ability to view the entire list if they wish, without a filter.
Perhaps if there was a way to combine the two, that would satisfy my needs. One of the multi-select boxes in my apps is a list of employees to email a note to. The multi-select box has 2 sections, Recommended & Everyone else. I wouldn't have that functionality with the auto-complete.
image.png
Sean Doherty
@doughballs
@computerwiz12890 the closest thing in M is autocomplete with minLength:0 to trigger the list immediately, but you’d have to custom code or use 3rd party for something more elaborate.
computerwiz12890
@computerwiz12890
Gotchya. Well it's no rush...I'm using Bootstrap & Materialize in tandem (i know...not recommended). I'd like to submit that as a feature-request, if there's any way I can? Just a little filter box added to the multi-select dropdowns, and then I can kick another piece of Bootstrap to the curb! ;-)