Ion-slides is a component of the ionic framework, much like a simple slideshow.
Ion-slides is a component of the ionic framework, much like a simple slideshow, where you can next/prev by swiping.
Questions tagged [ion-slides]
108 questions
1
vote
0 answers
Unable to manually change slides in ionic5 app using slideNext and slideTo
I built an ionic5 application that utilizes a loop to add ion-slides whose content are different radio groups whose contents are pulled from an array. My problem is when I try to use slideNext or slideTo to switch slides, it fails to work. I can…
appdevnoobie
- 219
- 1
- 3
- 8
1
vote
1 answer
Ionic v5 - Ion-slide how to change pagination position
I need help!
I am trying to change the position of the ion-slide pagination. I know I can change to the .swiper-pagination class. However, I can only put .swiper-pagination in global.css. But this brings a huge problem, all the slides on the other…
José Damião
- 185
- 1
- 9
1
vote
0 answers
Set the image width in Ionic 5 using ion-slides
I'm doing an application using Ionic 5 and ion-slides.
I'm trying to set the image width to 100% to be able to see them more nicer. The image right now has space on the left and right and I don't know how to remove it.
RRGT19
- 1,437
- 3
- 28
- 54
1
vote
1 answer
ion-slider fixed on bottom of ion-content
I have ion-slider fixed on top of ion-content I tried to make it fixed on the bottom and always continue sliding, on the first load of the page the slider is sliding automatically but if I open another page and returns to the same page the slider…
Hadi
- 13
- 3
1
vote
1 answer
Ionic 5 ion-slides as “Virtual Slides”
I'm using Ionic Framework v5 with ion-slides which are based on Swiper.js which has a virtual property that intelligently loads and unloads data from the DOM based on where in a list of items you are.
I can't find any information about how this…
Doug
- 665
- 2
- 8
- 22
1
vote
2 answers
Ionic Slide React Content Is All On One Line
I am trying to create a view with multiple slides. However, the components on the same slide render on just one line as opposed to the title above the button. Could someone help me fix this? My slides code is:
const ExploreContainer:…
DMop
- 463
- 8
- 23
1
vote
1 answer
ion-slide equal height without explicit height on ion-slides?
If I make a normal set of ion-slides the height of each slide is uneven:
//slideheight.page.html
slideheight
rtpHarry
- 13,019
- 4
- 43
- 64
1
vote
2 answers
Ionic 3 How to fix the first slide of ion slides where the specs should be displayed and user swipe between offers to compare?
Is there a way to fix the first slide of ion-slide and let the others moveable ?
I am trying to make a compare page where the main specs should be at the beginning and fixed, and then users can swipe between offers and keep seeing the specs.
Here is…
alim1990
- 4,656
- 12
- 67
- 130
1
vote
1 answer
I am using autoplay property but still autoplay is not working on ion-slide in ionic 4?
I have to autoplay the ion-slides in ionic-4 . But it is not working . I have tried please refer my code below
i have used autoplay="true" but still not working.
.html
user9483522
- 304
- 5
- 20
1
vote
2 answers
TypeError: Cannot read property 'slideTo' of undefined
I am using ion-Slides to show the selected image from the gallery and swipe them horizontally and it is working good but I want to show the last selected image on the screen.
I tried using slideTo() and it causing the type error.
For more clarity: …
Ragesh Pikalmunde
- 1,333
- 1
- 20
- 44
1
vote
1 answer
Not able to check whether my slider has come to the last slide or not in Ionic4
I am working in my Ionic 4 app and I have added the slider using the loop and I am checking that whether the slider has come to the last slider or not and I have checked using isEnd() but it is always showing true.
This is my…
Rahul Pamnani
- 1,397
- 5
- 26
- 66
1
vote
1 answer
how to vertically centre align ion-slides in ion-content?
I have an ion-slides page:
Welcome
Lorem ipsum dolor sit amet, massa nam ante. Vel lacus viverra volutpat tortor ligula…
Chris Snow
- 23,813
- 35
- 144
- 309
1
vote
1 answer
Ionic 4 ion-slides change css style of the active slide using ngClass
EDIT: adding a stackblitz:
https://stackblitz.com/edit/ionic-b2r7si
I am using ion-slides as following:
alim1990
- 4,656
- 12
- 67
- 130
1
vote
0 answers
ionic: How to pass a index of array to method getActiveIndex()?
I have a ion-slider that shows the days of a week in array, and i need to pass the index of the day is today. I have a global variable called compareFirstDay that shows the day is today and the array of objects with the days of the week called…
Matheus Barem
- 1,497
- 2
- 20
- 37
1
vote
1 answer
Ionic 4 slider pagination dots overlap the text
I have ion-slides component showing some slides. The content of each slide renders dynamically based on a service.
Often, the bottom slider dots overlaps the text. What is the way to make sure they are always with some gap?
Moblize IT
- 1,140
- 2
- 18
- 44