Stack Overflow
Stack Overflow

Questions tagged [ion-slides]

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.

108 questions
1
vote
2 answers

or Slides,how can I hide pagination in ionic2

Well,I want to hide pagination.Like below. constructor(public mainService: MainService) { mainService.getData().subscribe(datas => { if (datas.length >= 2) { this.slides.pager = true; } else { …
David
  • 571
  • 3
  • 9
  • 18
1
vote
1 answer

Ion-slides slidesPerView property

I'm using ion-slides as the following:
HMansour
  • 71
  • 3
  • 7
0
votes
0 answers

ION-SLIDE Swiper bullets

Basically I am stuck on Swiper pagination bullets. I want to display the bullets right below the ion-slide but it shows on the ion-slide. when I change the position of pager bullets from bottom: 10px; to bottom: -20px; it gone hide at the back of…
Rehman
  • 1
0
votes
0 answers

Use Ionic super tabs inside ion-slides

I'm using angular 12 and ionic 5 and I'm trying to make a composed view with 2 pages swippeable. In the first view I have a super tabs section at bottom. I put every page inside one ion-slide to make the pages swippeable but when I do that, the…
Juan Lopez
  • 361
  • 1
  • 3
  • 16
0
votes
1 answer

how to fix a button inside a div that is inside an IonSlide?

I have three components are inside an IonSlides. I would like to fix "Registration" button of a component in bottonm of that IonSlides. how should I do? Register.tsx: …
Shokouh Dareshiri
  • 826
  • 1
  • 12
  • 24
0
votes
1 answer

How to fix ion-slides deformed width on ios?

Sometimes ion-slides on iOS are deformed (ion-slide have wrong width and is overflowed). Setting width: 100% !important and overflow: hidden fix the problem partially but brings up a new bug which is the white space to death screen after the last…
Ahmed El-Atab
  • 603
  • 8
  • 20
0
votes
2 answers

How to change slidesPerView depending upon the screen size in Ionic?

I was working on an ionic project where I have created slider using ion-slides. I need to display some multiple products in that slider. For a portrait view I've display 1.25 views per slide (ie., slidesPerView = 1.25) which is working totally fine.…
Keerthan H.S.
  • 1
  • 1
0
votes
1 answer

ion-slides showing below the content ionic 5

I'm using Ionic 5 here, and iIve noticed that when I have a number of items in a list in the slide on ion-slide 1, and a few in the next ion-slide, when I transition between the two programatically, the slide with fewer items in starts way below the…
Deano
  • 353
  • 1
  • 2
  • 15
0
votes
1 answer

Showing movies array with ion-slide

I'm working with an app and I want to show an array of movies using the ion-slide component. I want to present the movies like the Netflix app so the movies are all on the same row and the user can scroll horizontal. Using the ions-lider kind of…
jcobo1
  • 1,065
  • 1
  • 18
  • 34
0
votes
1 answer

How to change the app route path if a page (walkthrough) has been view once

I have app walkthrough / intro built using ion-slides which is loaded as the default page in app.routing.module.ts . { path: '', redirectTo: 'walkthrough', pathMatch: 'full' },{ path: 'walkthrough', loadChildren: () =>…
dancingbush
  • 2,131
  • 5
  • 30
  • 66
0
votes
1 answer

How to combine Ionic Segment and Slide to make swipe-able tabs with Ionic-React?

I am new to Ionic and having problem to combine IonSegment and IonSlides in my Ionic-React application. There are not much resources in the internet especially using with Ionic with React. How do I get the index of the slide content (in this case a…
Danial Asraf Norbee
  • 261
  • 7
  • 21
0
votes
1 answer

Multiple ion-slides in loop not providing correct index on slides

In my Ionic 5 app I have to display my custom component horizontally by ion-slides and repet each slider vertically in loop. Following in the code.
Tapas Mukherjee
  • 2,088
  • 1
  • 27
  • 66
0
votes
0 answers

Ionic slides rubber band effect is not working in modal

I am using a component for ion slides with ion chips for making categories (ex. All, Comedy, etc as YouTube has on Home screen for quick searching). This component is working fine but without rubber band effect when I open in modal, so I want that…
Codex Cub
  • 1
  • 5
0
votes
0 answers

Saved cropped image from ion-slide in Ionic 5

My Ionic 5 application requires saving uploaded photos in 1:1 ratio and currently, the best interface to crop a photo I find is the way Instagram does it. I have implemented a zoom and pan photo feature in a fixed size div by using…
Tapas Mukherjee
  • 2,088
  • 1
  • 27
  • 66
0
votes
1 answer

Horizontal scroll inside an ion-slide with Ionic 3

In the image below, I have two Divs, each one is inside an ion-slide, they move horizontally because they are in the ion-slide component (DivA and DivB) Inside the DivA (blue), as shown in the image below, I have a Div (DIV-SCROLL) (red) that…
Marcius Bezerra
  • 137
  • 1
  • 2
  • 11
1 2 3 4
5
6 7 8