I am Trying to Show() and Hide() Divs ..But this way only works escalating and not backwards. heres the code im fiddling with. body { background-color: #6A6A6A; } html, body { height: 100%; } .box { position: absolute; top: 0;…
I'm trying to implement a slider on my landing page. I followed this tutorial on Youtube but only the first two slides work. i slightly modified and only kept three slides. Can anybody give a second glance to my code…
I am trying to re-color the thumb slider for a Bootstrap 5 range control, but I can't seem to find the magic combination. Here is a stackblitz: https://stackblitz.com/edit/stackblitz-starters-3vywax?file=src%2Fmain.ts The BS5 docs provide sass variable, but I can't eem to get…
I'm using the swiper slider in the my website. When I have slides per view more then 1 for example, 4 then when I load page 1 slide showing then after sometime it adjust to 5 slides in swiper slider.…
I have two slider bars that should output a number each. My first is outputting a number in ` however I cant get the second slider bar number to out put. Can someone see why ?` function slider_value(value) { var…
I'm trying to make a custom triangle slider. This is what I'm trying to achieve: So far, I'm able to make this shape, but as I slide it, the blue fill covers the shape: {/* track */} <div className={"absolute h-48…
I am trying to create an image carousel using CSS where each image appears for four seconds, then cross fades to the next image. I want to include three images that loop. I found code on another post that seemed…
I have a Slidable widget with a Card child and was wondering is it possible for me to open the Slidable when I tapped on the Card? I have tried using SlidableController but this class seems buggy as it keeps…
@override Widget build(BuildContext context) { double currentSliderValue = 100.0; return Scaffold( appBar: AppBar( backgroundColor: Theme.of(context).colorScheme.inversePrimary, title: Text(widget.title), ), body: Slider( value: currentSliderValue, onChanged: (double value) { setState(() { currentSliderValue = value; }); }, label: '$currentSliderValue', ), ), ); } }…
I am creating a store and on my landing page I want to create a touch-enabled slider/carousel with products (like the one on mobile https://www.nike.com/es). I have created an overflowing container (.slider-container) with 6 "product-slots" (.slide) and I have set…