Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Repo info
Activity
    Saurish Kar
    @saurishkar
    Hi, any idea how can i customize react slick to my own requirements, i am actually following netflix design as an inspiration
    But there seems to be a problem when i set the variable width to be false since it locks the width and i need to expand it on hover
    lavee singh
    @laveesingh
    @saurishkar can you provide a bit more detailed description of what you're facing and what you want to achieve? Some example code snippet would be great.
    Saurish Kar
    @saurishkar
    @laveesingh i wanted to confirm whether the positions of arrows and the width of slides can be set as per custom requirements in react-slick
    lavee singh
    @laveesingh
    For the width of the slides, you have properties like variableWidth, responsive.
    For arrows, customized positioning isn't currently supported.
    Simon
    @yorublaireau
    I've managed to customize the arrow positioning by setting some CSS on the .slick-prev and .slick-next classes, so you can try that.
    lavee singh
    @laveesingh
    @yorublaireau @saurishkar this you can always do, track the DOM elements/classes and manipulate accordingly. This looks like the overkill, but it works.
    Kiran
    @akiran
    @/all @laveesingh is working full time on react-slick project for next 2 months to fix all the open issues and write good documentation. We started opencollective to support our development work. Please consider backing/sponsoring us, if you or your company use react-slick and like to support us. https://opencollective.com/react-slick
    SAI KIRAN NARAGAM
    @nsaikiran
    Hi, How do I know which arrow is clicked on the Slider. I facing a case where if the slider has only two slides then whether you click on right or left button the old and next slides are 0 and 1 only.
    How to figure out which button user clicked on.
    mitchell-verter-mpf
    @mitchell-verter-mpf
    hi react slickers
    @import "~slick-carousel/slick/slick.css";
    what does that even mean?
    it doesnt look like real es6 module import
    hlep
    mitchell-verter-mpf
    @mitchell-verter-mpf
    hleeeeeeeeeeeeeeeeeeeeeeeep
    Owen Ayres
    @oayres
    It's a SASS import...
    francisco-zx
    @francisco-zx
    Hi, anyone having an issue with current slide showing a weird circle?
    Screen Shot 2018-05-28 at 13.36.56.png
    Screen Shot 2018-05-28 at 13.36.56.png
    The 'current slide' is always cloned, and has some really weird styling
    i get a bunch of cloned items stacked at the beginnign
    @akiran :(
    Ben Mitchinson
    @bmitchinson
    Awesome library @akiran ! Thank's so much for your work!
    Anyone know why the arrows in my carousel would be empty? There's a blank spot where they should be, and if I click it, the function as if they were there. The icons are just missing.
    @laveesingh
    Ben Mitchinson
    @bmitchinson
    I'm actually dumb it's just a white page..... sorry </3
    Alex Vivero
    @AVivero
    Hello, @akiran first of all thank you for the module, it's really helpful. Question, do you guys have plans to implement a prop to define the numbers of cards that should load when using lazyLoading? This is something that I really need, I was thinking in implementing it and submitting a PR but I wanted to ask first.
    Diego Pamio
    @diegopamio
    I've forked and added some features to the component. How shall I proceed? I've updated package.json version and demos, also I've generated new lib/docs (though it seems I shall not commit them. Can I commit those files at least in my fork to temporarily use them?
    shall I commit changes to the package.json and the CHANGELOG.md?
    Saurish Kar
    @saurishkar
    Hi @akiran , still facing the issue on autoplay valriable after being updated from true -> false -> true, the autoplay does not get enabled
    dheeraj
    @checkdheeraj
    Hey guys,
    Thank you for the great tool!......... Can we are insert two more button for play and pause the carousel
    Hieu Lam
    @lamhieu-vk
    @akiran I see a PR to fix a critical bug akiran/react-slick#1399
    please review and merge PR, ^^
    Nithin M Thomas
    @nitoo7
    Hei guys, how to traverse among carousel items on Tab press ?
    Ben Gummelt
    @Camaromelt
    Hello. Experiencing an issue with IE11 where the offscreen tiles are showing up when you transform the carousel. Curious if there was a known issue with that or just a css change i need to throw in there.
    Kaustav Chakraborty
    @phoenixTW

    Hello all, I am trying to using react-slick in a production application.
    Requirement
    To have a infinite carousel where on every next click it will make an API call and fetch some more data and push it into the carousel feed.
    Problem Facing
    So we have implemented the API call on next button click and it is successfully updating the feed list in the redux store. But the slides are not moving. We have tried the following examples, Dynamic Slides, LazyLoad, Custom Arrows.

    Could someone please provide input what can be done for this issue?

    Kaustav Chakraborty
    @phoenixTW
    Hi @akiran, could you help me with this problem?
    Jonathan Wong
    @jonlikesapples
    hi!
    I had a question about react slick..
    Jonathan Wong
    @jonlikesapples
    what's the best way to support dividers between slides?
    for example: I want a light grey line between each slide
    Cara Clarke
    @cara_elizabeth8_twitter
    Hey all I am trying to find a way to have a box-shadow show when a certain slide is hovered over but I'm having issues because of the overflow-hidden value on the slick-list container. Has anyone else run into this or found a way around it? Playing around with changing the overflow properties or seeing if I can mess with the calculated height of slick-list to allow space for my box-shadow to show. It would be nice if I could have some additional height and vertically center my slides rather than have the list container match their height exactly
    Cara Clarke
    @cara_elizabeth8_twitter
    I also created a SO question here with images that might be more clear https://stackoverflow.com/questions/57808693/vertical-center-change-calculated-height-react-slick
    Cara Clarke
    @cara_elizabeth8_twitter
    Is there any way to specify I want to add a custom container between slick-list and slick-track?
    or around slick-list as another parent container? Trying to adjust some overflow values and it needs another container
    Nikola Obradović
    @ObradovicNikola
    On local server everything is fine, but when I publish my app on github, dots are displayed vertically. No idea what to do. Maybe I should disable them and it will be fine for this app but still a potential problem for future projects.
    Rubinder Singh
    @Rubinder25

    Hi all,

    we are having issue with react-slick when there is only one slide in the children, that slide moves to the left while it should remain in the center

    Rubinder Singh
    @Rubinder25
    we are using the following configuration
    dots: true,
    slidesToShow: 1,
    slidesToScroll: 1,
    initialSlide: 0,
    infinite: true,
    arrows: false,
    mobileFirst: false,
    variableWidth: true,
    cssEase: 'ease-out',
    autoplay: true,
    speed: 1000,
    autoplaySpeed: 6000,
    swipeToSlide: false,
    touchThreshold: 100,
    centerMode: true,
    useTransform: false,
    focusOnSelect: true,
    pauseOnFocus: true,
    pauseOnDotsHover: true,
    pauseOnHover: true,
    className: 'marquee',
    rows: 1,
    responsive: [
    {
    breakpoint: 1260,
    settings: {
    centerMode: false,
    variableWidth: false,
    },
    },
    {
    breakpoint: 1024,
    settings: {
    autoplay: false,
    centerMode: false,
    variableWidth: false,
    },
    },
    ],