Dogfalo/materialize

Materialize, a CSS Framework based on Material Design

seano-hub

@seano-hub

that is either sep 29, 2020 or later

and as soon as user selects new date, old one will get replaced

so min date is to limit user from selecting past date.. but i dont want that to apply to default date because im setting that from old records..

Sean Doherty

@doughballs

@seano-hub as far as I know, you can't do this because of the conflict I mentioned - you want defaultDate to sometimes be earlier than minDate - impossible. I guess what you could do is hack the process - always show the selected date regardless of when it is (currently it's being overridden by minDate), and then set minDate once the picker opens. If user doesn't choose, you'd need to re-init with default date as the previously selected date. It seems like you need to sometimes set minDate, and sometimes not, depending on what the user is doing. Sorry if that's not much help. I never used pickers much..!

seano-hub

@seano-hub

@doughballs okay yeah i was thinking to use disableDayFn instead of min date and disable all days from default date to current date if default date < current date.. but that seems like it will go crazy if default date is last yr

thanks though

will see if i can do something hacky

monster153

@monster153

@doughballs the code pen link is not working

Sean Doherty

@doughballs

@monster153 it is working, it does exactly what I've told it to do - initialise, and then destroy. Comment out the destroy line, and the carousel will work as normal. It is at this point that you would re-initialise with your new options.

Sorry, you mean the actual link is incorrect, my typo:

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

monster153

@monster153

@doughballs ok understand why access instances with an index because you are using querySelectorAll i used querySelector

I tried your way i changed it to querySelectorAll and used instances[0] and still nothing

The thing i am trying to do is add slides and remove dynamically how would you do that maybe i am doing it wrongly

Sean Doherty

@doughballs

Straight after destroy, remove the slides, add the slides, then re-init. Should be that simple.

monster153

@monster153

Ok so does destroy affect the slider visually if i only did destroy ?

Sorry if am taking to much of time

monster153

@monster153

@doughballs if i remove all the carousel-item it gives me this error

Cannot read property 'clientWidth' of undefined

@doughballs so i can not do what you suggested

Sean Doherty

@doughballs

@monster153 it’s not trouble, I do not know the carousel very well (I tend to use Slick) but i will have a go at dynamically updating my codepen tomorrow as I like to understand M as much as possible 😀

monster153

@monster153

@doughballs bro that will be very helpful if you get it to work

i would really appreciate it

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;