Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Jan 23 03:10
    swordbe opened #6678
  • Jan 20 10:56
    Jero786 commented #6464
  • Jan 19 09:16
    SuhwanCha closed #6194
  • Jan 04 23:25
    afarago closed #6677
  • Jan 04 23:25
    afarago commented #6677
  • Jan 04 23:18
    afarago commented #6677
  • Jan 04 00:43
    MergeCommits commented #4027
  • Jan 01 17:18

    acburst on gh-pages

    Patreon Jan (compare)

  • Dec 27 2022 17:55
    pajod closed #3528
  • Dec 26 2022 20:25
    rpalacio86 commented #5803
  • Dec 26 2022 20:25
    rpalacio86 commented #5803
  • Dec 26 2022 20:22
    rpalacio86 commented #5803
  • Dec 24 2022 13:06
    Jerit3787 commented #6677
  • Dec 19 2022 11:16
    chrisAXZA commented #3844
  • Dec 18 2022 20:45
    DanielRuf commented #3844
  • Dec 18 2022 18:58
    chrisAXZA commented #3844
  • Dec 14 2022 18:15
    holtskinner closed #6269
  • Dec 13 2022 22:21
    afarago opened #6677
  • Dec 01 2022 16:44

    acburst on gh-pages

    Patreon december (compare)

  • Nov 29 2022 03:36
    james-byta commented #6676
Sean Doherty
@doughballs

@YARDSKY sorry, I din't understand what you mean. Do you mean previous/next buttons? If so - there are included functions .next() and .prev() that you can attach to any old button.

see https://codepen.io/doughballs/pen/PoNGLER

@ChildishGiant when you npm install, are you fixing all the vulernabilities? (I had to run sudo audit fix force)
Sadovsky Sergey
@YARDSKY
@doughballs yeah, I meant this one)
Thx a lot
Sean Doherty
@doughballs
@YARDSKY great, that example is a little overcomplicated, to handle multiple carousels on screen. If you just have one, you can simple call instances[0].next()
Sadovsky Sergey
@YARDSKY
@doughballs well, understood)
thx
aadoshi
@aadoshi
Hello I am trying to use the Materialize Content Carousel, and I was wondering how to resize it so it does not take up the width of the whole page
Tom
@bluewolf2072
What is the best over htlm/css guide-line to use for applying any form of Text Body on top of Responsive videos regardless if its for background or non background... ie, H1 -H5 etc and P elements.
weirdjon
@weirdjon
image.png
Hi @doughballs , unfortunately, my Select becomes like this instead of going on a downward direction when I used css to change font color of labels. any possible reason for that so I can force it to go downward instea of upward?
Sean Doherty
@doughballs
@aadoshi link or codepen to what you have so far please?

@bluewolf2072:

Not sure there are concrete rules but it's thought to sensible to start with H1 and work down, so whatever kind fo content the video overlay wouod fit into, use that heading + p.

https://yoast.com/how-to-use-headings-on-your-site/

"Firstly, you are limited to using one H1 heading on each page. The H1 heading should be the name/title of the page or post.

Then, as you write your content, you can use H2 and H3 subheadings to introduce different sections
"

Sean Doherty
@doughballs
@weirdjon css adjustments to font color won't change the direction of a select.
nikith14
@nikith14
@doughballs this is the structure of select .How do i manipulate data on it .
image.png
Sean Doherty
@doughballs
@nikith14 that’s the structure of the dropdown, no the select. Look below this for the original select that you used. That’s what you need to update using JavaScript/jQuery
Elias
@eliasnemr
Hey, I have a quick question - how come my form select (which I put in a <li> tag) is being overlay-ed by the parenting-div.. how do i overcome that? I want the select window to be appended to the body instead
Sean Doherty
@doughballs
@eliasnemr we'd need to see this...
Elias
@eliasnemr
Screenshot 2020-10-05 at 17.22.59.png
Screenshot 2020-10-05 at 17.23.06.png
Sean Doherty
@doughballs
@doughballs do you mean you'd like the dropdown to appear below the trigger, rather than cover it?
Elias
@eliasnemr
Yes
Sean Doherty
@doughballs
when you initialise the select, pass dropdownOptions = {coverTrigger: false}

So:

M.FormSelect.init(elems, { dropdownOptions = {coverTrigger: false} })

Elias
@eliasnemr
Great, thanks
Sean Doherty
@doughballs
@eliasnemr let me know if it doesn't work, that was off the top of my head (untested) but should be right...
Manojkumar Palanisamy
@SmartManoj

```<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>

<h4 style="text-align: center">Hello Rooster 🐔</h4>

<div class="row">
<div class="input-field col s6">
<input id="fname" type="text" class="validate">
<label for='name'>Name</label>
</div>
</div>

<div class="row">
<div class="col s6">
<a onclick="M.toast({html: fname})" class="btn">Toast!</a>
</div>
</div>```

When clicking toast, the input field is moving

Elias
@eliasnemr
It wasn't what I was looking for, but I got it working by setting overflow: unset on the <ul>
hcrev
@hcrev
Heya, is it possible to pass options or select to the select form (and select an option) via js? Found dropdownOptions in the Select docu but does not seem to specify the syntax for passing in data.
M.FormSelect.init(elem, {
          'dropdownOptions':{
               'data':[
                   {'option': 'Option 1', 'selected': true},
                   {'option': 'Option 2}
               ]
          }
 });
hcrev
@hcrev
just in theory.. but looking for something like this.
Sean Doherty
@doughballs
@hcrev the init is something that runs on the select, and turns the options into a dropdown. So as it stands you can set options this way. You could write a mini function that populates the select, and then run the init.
*’can’t set options this way’
hcrev
@hcrev
@doughballs That sounds good I'll do that instead, thanks 🙌
Julià
@pujoljulia
Does someone know how to disable a float button? Seems that by adding the disabled class it doe snot work
Did someone encounter that situation before?
Sean Doherty
@doughballs

@pujoljulia do you mean a FAB? It does work, i just added the class in the inspector and it greyed out.

https://materializecss.com/buttons.html#floating

<a class="btn-floating waves-effect waves-light btn-large red disabled"><i class="material-icons">add</i></a>
Julià
@pujoljulia
… don’t know why is not working on my app - Thanks @doughballs, now I know I am doing something wrong
computerwiz12890
@computerwiz12890
@doughballs So back to this issue...
image.png
image.png
Just had someone report to me it is happening again, so I inspected the elements.
Everything appeared normal. In fact, when I turned off a styling (like the font-size) and then turned it back on, the icons appeared just fine.
Could this be because I have the link to the plugins at the TOP of my page, instead of at the BOTTOM, like most people tend to do? I prefer my page to look like it's delaying, but then load 100% the way it will look...
Bikash Sahu
@bikash44
@doughballs I want to add n number of image to Carousel.but need to display on 5 image at a time and when i scroll slider all image will come one by one. is it possibe in https://materializecss.com/carousel.html this slider ?
Sean Doherty
@doughballs
@computerwiz12890 that sounds like it could be an issue. As a hard rule - styles in the head, JS just before closing body tag.
@bikash44 that is the default setting - show 5, scroll 1. Is that not what you’re looking for? See the options field underneath for customisation options.
WAPEETY
@WAPEETY
hi
I would like to make a portfolio theme, ideas?
computerwiz12890
@computerwiz12890
Thanks for the "hard rule" @doughballs, I will give that a shot.
Sean Doherty
@doughballs
@tuffant21 or anyone else - have you got a fix for preventing dropdowns from closing when the tab key is pressed?