10,195
questions
-2
votes
0
answers
16
views
How fix this not aligning problem in this code [closed]
I am creating a card slider using HTML, CSS and JavaScript. (I can't use other frameworks or libraries because I am doing this as a learning project). When I have added the first card successfully but ...
0
votes
0
answers
10
views
Swiper slider with slidesPerView="auto" skips my last items
I wanted to make a slider using Swiper, that shows 3 cards and align to my container. On the initial state the first chard schuld align on the left of my container and have one "empty" card ...
0
votes
1
answer
32
views
How to change body background dynamically based on the active slide in Elementor loop carousel?
Body:
I'm using Elementor and have a loop carousel element with multiple slides. I want to dynamically change the body background image to match the image of the central slide (the one currently in ...
0
votes
1
answer
44
views
Styling Avalonia Slider Conntrol
I would like to style the sizes and colors of Avalonia Slider Control.
Visually it seems to work but it stops the sliding functionailty, I tried to look at the Slider source code to find out how to do ...
-1
votes
0
answers
23
views
Slider stops working if I import `pandas`
I am using a matplotlib.widgets Slider that becomes unresponsive/won't move if I import pandas in my code e.g. import pandas as pd . Code won't complain about module and simply commenting it out ...
0
votes
0
answers
22
views
GUI python program with adjustable number of widgets [closed]
I want to make a Python GUI program in which the number of widgets can vary based on user needs. Is it possible to dynamically add or remove widgets like RadioButtons and Sliders while the program is ...
0
votes
0
answers
22
views
React Swipe Slider: Centering Larger Item with Consistent Gaps and Fixing Jumpy Transitions
I’m using on a React Swipe Slider and facing issues with centering a larger item while maintaining consistent gaps between slides. Additionally, facing two main issues related to centering a larger ...
0
votes
1
answer
34
views
Swiper Slider does not provide an export named 'Navigation'
I am working on a project with Quasar Framework. I wanted to integrate swiper slider. I have installed it with the npm command and I can see it's installed version as [email protected]. However, when I ...
1
vote
1
answer
27
views
constraint vertical slider on top anchor of another object
In my swift code there are 2 sliders 1 is on the bottom and 1 is constraint and rotate vertically. What I want to do is constraint the right slider to the top anchor of the bottom slider. You can see ...
1
vote
0
answers
25
views
Video autoplay on next slide
So i have a small slider build with UIkit.
If the second slide is a video, it would be important to only start the video when clicking on the next slide. That way, the video is at the beginning when a ...
0
votes
0
answers
38
views
change the size of selected uiview
In my swift code a button adds a uiview to the view controller and when the slider is moved it adjusts the size. The problem is it can only affect the size of the most recently added uiview. I want ...
0
votes
1
answer
43
views
Accurately positioning labels under steps in an HTML range slider
I'm working to create this:
It has to support labels along a slider that are non-linear e.g. 400K, 500K, 750K, 1M but be visually evenly spaced apart.
I got close with this but I can't get the labels ...
1
vote
1
answer
43
views
Slider not running to the end; only runs first two slides
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 ...
1
vote
2
answers
39
views
Styling input["range"] in Bootstrap 5 and Angular
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?...
1
vote
2
answers
40
views
How could I increase minimal range in mat-slider element of Angular framework
I'm using Angular v16. I'm creating a range slider using mat-slider element. By default, the logic is that maximal value cannot be lower than minimal value, but they can be equal, so minimal range ...
1
vote
1
answer
23
views
constraint rotated vertical uislider
This is how I would like my ui slider constrained.
However the slider is not vertical. To make it vertical I have to use sliderX.transform = CGAffineTransform(rotationAngle: CGFloat(-Double.pi / ...
0
votes
2
answers
42
views
make selected uiview increase in size with slider movement
In my code when the user hits the rectB button it adds small uiviews. When the user select the specific view it should increase or decrease in size based on the slider. My code below works sometimes ...
0
votes
0
answers
29
views
How to translate js code to react.js code
I'm new to React.js and I'm facing a problem while writing a simple slider. How to translate this code into React.js
const box = document.querySelectorAll(".box");
const contents = document....
0
votes
0
answers
47
views
How do we know when UWP slider starts moving before the value change?
Overview
I have a project with UWP technology, where I use slider control, to collect information about slider moves I used the ManipulationStarting (for the beginning of the move) and ...
2
votes
1
answer
72
views
Hero background slider section in React
I am currently in the process of developing the hero section of my website, and I have implemented a slider effect that is designed to showcase a captivating background image along with a variety of ...
0
votes
0
answers
27
views
Add custom marks to a slider
I noticed in the System Settings cursors with marks, but not regular as the step parameter of a SwiftUI Slider() would allow.
For example, here there are three custom marks: "Off", "...
1
vote
0
answers
34
views
Input range - position each step
I have horizontal points with months.
Above points, I would like to create a shape (ship) that you can drag to the next steps.
A few points are grouped to display the same slide.
The gap between ...
0
votes
0
answers
9
views
Changing the Image Content
I develop a Quran App and I want when the user slides the screen to the right or the left then
next picture or the next picture appear in the content
but i have a lot of pictures in the app
I try to ...
0
votes
1
answer
32
views
Javascript slider add counter slide number
I have a slider built in Javascript, CSS, and HTML with no dependencies. The slider works fine.
How could I display the counter slide number in Javascript inside the div element .gallery-counter?
For ...
0
votes
0
answers
59
views
Value of NextUI's Slider not change dynamically
Suppose I have a slider and another button both contained in a Popover to update the value of the slider to 0. I want when the button is pressed, the slider's thumb and value also set dinamically to 0 ...
0
votes
0
answers
40
views
How to add range of floating numbers with select slider in streamlit
I have a sqlite database with longitude values in which range between 24.90000 to 24.99999. The code I'm trying is this:
longi_range = np.arange(24.90000, 25.00000)
long_range = st.select_slider("...
0
votes
2
answers
75
views
Swiper slider not loading initially when Slides per view is more than 1
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.
...
1
vote
0
answers
94
views
Bokeh image select slider on Streamlit
I have a Bokeh app which I want to run in a Streamlit app.
I know Streamlit supports certain Bokeh elements, but I am struggling to get my specific Bokeh app working on Streamlit.
The Bokeh app is ...
0
votes
0
answers
39
views
How to make slider draggable in vanilla js
so the thing is that I have slider in which each card has link over it and when I try to do mousedown event on the whole element if that mouse is on the card it is perceived as click.
<div class=&...
0
votes
0
answers
11
views
Problem with matplotlib with slider usage
I work with a dataset, I trained a model and want to get more data so I use my model on unlabeled data and then plot the data with the model-maded label to see if it's a good label or no. I want to ...
0
votes
1
answer
50
views
Why won't a SwiftUI Slider trigger a change to a small range?
I am trying to make a slider update a value if it changes. In this case, I'm looking for a lower and upper bound in a range from 0 to 4. If the min value is greater than the max value, I want the max ...
0
votes
1
answer
59
views
How to attach slider to the bottom of bar in Compose?
I want to make a spotify clone app, I am trying to build a similar bottom bar like the image, but i were unable to make slider fill max width (without padding from left, right, bottom).
@...
1
vote
1
answer
134
views
How to create a Semicircular Slider using Jetpack Compose canvas?
I am pretty new in Android Studio and need to make a Slider to view data received by an Arduino via Wi-Fi (Temperature and Light).
I want to have a SemicircularSlider.kt composable that receives the ...
0
votes
0
answers
10
views
why 4th and 5th inner slide in splide.js not worked?
I added new template for wordpress, and use template on my page to have fully output like have main slider horizontal and inner slider in each slide is vertical, all full width and full height,my code:...
0
votes
0
answers
22
views
Swiper JS Not responding same on two pages
I have troubles with swiper JS. I use Webflow.
There are two instances of the Swiper, left and right.
When the slide change on the right, the text (left side) is fading incomplete over the previous ...
2
votes
1
answer
39
views
Material-UI slider with multiple useState is duplicated on click
I'm trying to create a font size and font weight previewer using Material-Ui sliders and useState, but when I click the first slider after clicking the second, the first slider is duplicated.
Here is ...
0
votes
1
answer
48
views
How to update mui slider value with input field?
MUI slider running with min and max value with
const minVal = 8; const maxVal = 255;
<Slider
value={range}
min={minVal}
max={maxVal}
onChange={handleSliderChange}
valueLabelDisplay="...
0
votes
0
answers
19
views
How to load slick slider fisrt
How to load slick slider before page load.
I see that when the page is finished loading, slick will load.
I tried putting the slick slider on the header but it still loads after loading the page.
...
1
vote
1
answer
96
views
Before-After Image Slider in SwiftUI
How to implement a before-after image slider in SwiftUI? I've searched the entire internet, but the problem remains unsolved. I have an implementation, but it doesn't work correctly. When you start ...
0
votes
0
answers
72
views
WordPress: Mouse Hover Effect In Elementor Slider
I am trying to get an effect in my Elementor slider but not able to get it. when you check the reference site you will notice that there is no navigation arrows on the slider but ASAP mouse hove the ...
0
votes
1
answer
132
views
MAUI: How to disable the DragCompletedCommand of Slider when click lower time
Using this thread I implemented the slider reduction prevention logic on my MAUI application.
But I have a DragCompletedCommand also in the Slider and which will do some actions. Here when clicking ...
0
votes
0
answers
39
views
How to change the value of a FluentUI slider in a Jest unit test?
I am writing a Jest unit test and I would like to change the value of a FluentUI slider. Here is the control:
<Controller
name="zodApplesQuantity"
aria-...
0
votes
0
answers
22
views
Primeng Slider Tooltip
I want to have cutomized tooltip for my primeng slider.
Currently what it is(by default):
**What I Want: **
I have found in some of the old posts that there is no way to do it. If anyone still got ...
0
votes
1
answer
144
views
MAUI - How can slider reduction be prevented?
In my MAUI application, I am using a slider to set a timer. The user can set the desired time by sliding the slider to the appropriate position. Once the timer is started, I want to prevent the user ...
0
votes
2
answers
121
views
How to change the circle color of Slider of SwiftUI?
I am trying to change the color of the circle of the SwiftUI Slider. But, unfortunately, I couldn't find a way. I am sharing the code I did till now. and also the screenshot of the view. I don't want ...
0
votes
2
answers
134
views
MAUI: Slider is not sliding properly
I have a slider in my UI and I am not able to slide it properly.
Below is the code:
<Slider
x:Name="watchme_slider"
Grid.Column="1"
BackgroundColor="White"...
0
votes
0
answers
79
views
when i use direction vertical in swiper slider swiper-slider get infinite height
When I use direction vertical in Swiper.js slider swiper-slider get infinite height.
function imgWithTextSlider() {
var swiper = new Swiper(".imgWithTextSlider", {
...
1
vote
1
answer
109
views
Button with slider confirmation
I need to have slider confirmation button which will look like below
Initially look of the button will be:
After user completes the slide it must look like:
I currently have the code below. How to ...
0
votes
0
answers
86
views
Carousel card effect using Keen-slider
I want to create a carousel card effect using Keen slider and I spent some time trying everything on the docs page but I failed so I thought I would seek help from people who might have come across ...
0
votes
0
answers
16
views
How can I input multiple custom images in the form of data instead of background, and control the display of the images through the slider?
My plotly version is 2.24.1
This is what I generated with a set of code before, but this can’t complete the image switching.I didn't use the frame format, but this method seems to have problems.This ...