Dogfalo/materialize

Materialize, a CSS Framework based on Material Design

Sean Doherty

@doughballs

@monster153 updated pen:

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

diptendunandi

@diptendunandi

Hello, I have some problems regarding the carousel. Please someone helps me. I would really appreciate it.
https://codepen.io/diptendu-nandi/pen/ExKzKdo

computerwiz12890

@computerwiz12890

So....we still have some users who use Internet Explorer 11 (I know I know.....🤢🤮) And it seems a couple randomly get 1 of 2 oddities:

Or this:

diptendunandi

@diptendunandi

@computerwiz12890 can you please help me? I have some problems regarding image in Carousel. Please help me I will appreciate it

https://codepen.io/diptendu-nandi/pen/ExKzKdo

computerwiz12890

@computerwiz12890

Looks like you got a mispelling...one class is "carouse". @diptendunandi. Also, not sure why you are using "<ul>" and "<li>" for the carousel. Look at the Materialize instructions, they use a "<div>" for the carousel control, and then each item inside is "<a>" elements, not "<li>".

Sean Doherty

@doughballs

@computerwiz12890 you using flex? IE has some problems with it. You'll need to look in inspector and you may get a clue as to what css is not being applied.

computerwiz12890

@computerwiz12890

I'm pretty sure I'm not using flex, since I'm not sure what that is. Heard of it, but not sure...

I've asked the person with the problem to leave it alone and call me next time it happens. A simple refresh makes it go away.

Sean Doherty

@doughballs

Guys any PHP people around?

Bikash Sahu

@bikash44

I have issue in https://materializecss.com/carousel.html.carousel is not woking in browser when i open is moblie device.

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.

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

and also https://materializecss.com/fullscreen-slider-demo.html

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

@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

https://codepen.io/weirdjon/pen/rNeEQEr

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

Where communities thrive

People

Repo info

Activity