Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
  • Sep 29 17:35
    Natali-story commented #2876
  • Sep 21 15:38
    juanvictorbascopecastro commented #6557
  • Sep 21 15:37
    juanvictorbascopecastro commented #6557
  • Sep 21 14:56
    wobsoriano closed #6557
  • Sep 21 14:56
    wobsoriano commented #6557
  • Sep 21 14:55
    wobsoriano commented #6557
  • Sep 21 14:54
    juanvictorbascopecastro commented #6557
  • Sep 19 16:33
    rober423 edited #6672
  • Sep 19 16:17
    rober423 opened #6672
  • Sep 11 01:47
    Nemila edited #6671
  • Sep 11 01:47
    Nemila edited #6671
  • Sep 11 01:47
    Nemila edited #6671
  • Sep 11 01:47
    Nemila edited #6671
  • Sep 11 01:47
    Nemila opened #6671
  • Sep 05 02:42
    krushnavardhan commented #2584
  • Sep 05 02:42
    krushnavardhan commented #2584
  • Sep 04 04:01
    krushnavardhan commented #2584
  • Sep 04 04:00
    krushnavardhan commented #2584
  • Sep 04 03:59
    krushnavardhan commented #2584
  • Aug 31 15:41

    acburst on gh-pages

    Patreon august (compare)

Sean Doherty
@doughballs
@bikash44 working fine for me on iPhone XR - what device are you using?
Bikash Sahu
@bikash44
@doughballs I have checked in all the device available in Chrome.
Capture.PNG
Sean Doherty
@doughballs
@bikash44 so that looks like Angular...
Bikash Sahu
@bikash44
yes
Sean Doherty
@doughballs
Remember to initialise every render. (nitialisation should be part of the render.)
Bikash Sahu
@bikash44
@doughballs Is there any change required in CSS ?
Sean Doherty
@doughballs
@bikash44 no, just js.
Bikash Sahu
@bikash44
@doughballs Is it possible to customize the Image slider because I want to add some text paragraph at bottom of image.
Sean Doherty
@doughballs

@bikash44 out of the box, that carousel is image only, but you can do what you like to it. I just put a h1 inside the <a>, with this css:

    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

Which seemed to work. There is a carousel that has text already built in:

https://materializecss.com/carousel.html#special

Anthony House
@tuffant21
Hey guys, question for you. You know how we can upload images to this chat and it displays it. How is that done?
Julià
@pujoljulia
Hi guys! Does someone have an example or can poin to a one with a multiple select+chips??
Sean Doherty
@doughballs
Screenshot 2020-10-01 at 16.09.56.png
@tuffant21 just drag and drop :)
Anthony House
@tuffant21
😆
Haha, I mean, how could I code it on my platform? It's interesting to think about creating a chat system that is more than just text. Somehow you have to allow images, formatting, all kinds of stuff and I don't even know where to begin or what to google
@pujoljulia I'm not sure it's possible natively using materialize
Julià
@pujoljulia
@tuffant21 yeh I am realizing this as I do not see any example out there - do you know a plugin outside Materialize to do this?
Anthony House
@tuffant21
I do not, sorry ☹
Sean Doherty
@doughballs
@tuffant21 way above my pay grade!!! :D
Anthony House
@tuffant21
😂
weirdjon
@weirdjon
hi, is there an easier way to put a pre-loader inside a select element?
Sean Doherty
@doughballs
@weirdjon easier than what?
weirdjon
@weirdjon
Hi, anyone here? having a hard time with changing the color of input box on materialize. it is working for some input, but for others it is not. can you help? here is the code pen
@doughballs i found a way to insert it but inside a button and the css code is too long.
Sean Doherty
@doughballs
@weirdjon show us what you got...

also did you see this pen re text inputs?:

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

Also, when you say inside select - do you mean the text input that you click into to open the dropdown?
weirdjon
@weirdjon
maybe on the its left side? maybe whch one is better
checking that pencode now. not sure if i can search any resolved questions here. sorry if that has been raised before
Sean Doherty
@doughballs
@weirdjon no I just meant did I already show it to you, a lot of people ask and I lose track.
weirdjon
@weirdjon
ohh no. this is the first time seeing it. can this also be used for the textarea element? trying it with that and does not seem to work
nvm
i got it! hahaha
Sean Doherty
@doughballs

@weirdjon great. I recommend taking a look at the sass files here:

https://github.com/Dogfalo/materialize/tree/v1-dev/sass/components

and in particular for input fields:

https://github.com/Dogfalo/materialize/blob/v1-dev/sass/components/forms/_input-fields.scss

You can see exactly what rules are being set, and if you use Sass in your projects, you can set new values at root, rather than overriding, in your own css.

weirdjon
@weirdjon
let me try that. i haven't use Sass to be honest since I am not actually a front-end dev. haha
Sean Doherty
@doughballs
@weirdjon Sass is AWESOME!
Allie
@ChildishGiant
https://github.com/Dogfalo/materialize/blob/v1-dev/js/dropdown.js#L532 This line seems to be causing an error when using dropdown from local builds (npm run release). Any ideas?
nikith14
@nikith14
Hi Guys, Im facing a problem using select and im unable delete the elements .im destroying the instance and when i intializing it the old data is still showing up.How to handle the dynamic data manipulation in the select?any help would be appriciated.
Thank you
Sadovsky Sergey
@YARDSKY
Hey guys! I've got one question about materialize carousel. How can I add buttons to click on another image? Thx
Sean Doherty
@doughballs
@nikith14 you need to target the original hidden select element, make your changes, then re-init.

@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.