Ionic slides card horizontal2019 Community Moderator ElectionCordova/Ionic: Keep ion-slide/ion-card inside screen viewBind the index and ionic card together - ionicCan't swipe open Ionic ion-menu with ProtractorIonic : Ion-slides- Only First Slide appearingionic 3 - how to cover image inside ion-slidesModule parse failed, webstorm, Ionic appMaking ion-cards/ ion-slides sit on top of a Google Map in an Ionic mobile appIonic: Fit ion-grid with to contentslide images, get from server, in ion-card (load one at a time)Is it possible to use slides in ionic sidebar
Did Amazon pay $0 in taxes last year?
Can't make sense of a paragraph from Lovecraft
cannot log in to the server after changing SSH port
How do you make a gun that shoots melee weapons and/or swords?
Why is there an extra space when I type "ls" on the Desktop?
When an outsider describes family relationships, which point of view are they using?
Are all players supposed to be able to see each others' character sheets?
ESPP--any reason not to go all in?
Professor forcing me to attend a conference, I can't afford even with 50% funding
Playing a 7-string guitar song on a 6-string guitar
Idiom for feeling after taking risk and someone else being rewarded
Do Paladin Auras of Differing Oaths Stack?
What is the purpose of a disclaimer like "this is not legal advice"?
What is Tony Stark injecting into himself in Iron Man 3?
What is better: yes / no radio, or simple checkbox?
Giving a career talk in my old university, how prominently should I tell students my salary?
What should I do when a paper is published similar to my PhD thesis without citation?
Does the US political system, in principle, allow for a no-party system?
Does an unused member variable take up memory?
Use Mercury as quenching liquid for swords?
How do we create new idioms and use them in a novel?
Do black holes violate the conservation of mass?
Smooth vector fields on a surface modulo diffeomorphisms
What does *dead* mean in *What do you mean, dead?*?
Ionic slides card horizontal
2019 Community Moderator ElectionCordova/Ionic: Keep ion-slide/ion-card inside screen viewBind the index and ionic card together - ionicCan't swipe open Ionic ion-menu with ProtractorIonic : Ion-slides- Only First Slide appearingionic 3 - how to cover image inside ion-slidesModule parse failed, webstorm, Ionic appMaking ion-cards/ ion-slides sit on top of a Google Map in an Ionic mobile appIonic: Fit ion-grid with to contentslide images, get from server, in ion-card (load one at a time)Is it possible to use slides in ionic sidebar
I need help. When I start to slide on the left my 2nd card to nth is not showing.
<ion-content>
<div class="container">
<ion-slides pager slidesPerView="1.1">
<ion-slide *ngFor="let subject of cardData">
<ion-card class="cardList">
<ion-card-header>
<ion-card-title>
<h1> subject.title</h1>
</ion-card-title>
</ion-card-header>
<ion-card-content>
<h1> subject.description</h1>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</div>
</ion-content>
Am I missing Something?
Screenshot Here
angular ionic-framework ionic3 ion-slides asked Mar 6 at 22:57
aJaysanityaJaysanity
62
add a comment |
I need help. When I start to slide on the left my 2nd card to nth is not showing.
<ion-content>
<div class="container">
<ion-slides pager slidesPerView="1.1">
<ion-slide *ngFor="let subject of cardData">
<ion-card class="cardList">
<ion-card-header>
<ion-card-title>
<h1> subject.title</h1>
</ion-card-title>
</ion-card-header>
<ion-card-content>
<h1> subject.description</h1>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</div>
</ion-content>
Am I missing Something?
Screenshot Here
angular ionic-framework ionic3 ion-slides asked Mar 6 at 22:57
aJaysanityaJaysanity
62
Could you add the ts files please ?
– SergioEscudero
Mar 7 at 1:06
add a comment |
I need help. When I start to slide on the left my 2nd card to nth is not showing.
<ion-content>
<div class="container">
<ion-slides pager slidesPerView="1.1">
<ion-slide *ngFor="let subject of cardData">
<ion-card class="cardList">
<ion-card-header>
<ion-card-title>
<h1> subject.title</h1>
</ion-card-title>
</ion-card-header>
<ion-card-content>
<h1> subject.description</h1>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</div>
</ion-content>
Am I missing Something?
Screenshot Here
angular ionic-framework ionic3 ion-slides asked Mar 6 at 22:57
aJaysanityaJaysanity
62
I need help. When I start to slide on the left my 2nd card to nth is not showing.
<ion-content>
<div class="container">
<ion-slides pager slidesPerView="1.1">
<ion-slide *ngFor="let subject of cardData">
<ion-card class="cardList">
<ion-card-header>
<ion-card-title>
<h1> subject.title</h1>
</ion-card-title>
</ion-card-header>
<ion-card-content>
<h1> subject.description</h1>
</ion-card-content>
</ion-card>
</ion-slide>
</ion-slides>
</div>
</ion-content>
Am I missing Something?
Screenshot Here
angular ionic-framework ionic3 ion-slides angular ionic-framework ionic3 ion-slides asked Mar 6 at 22:57
aJaysanityaJaysanity
62
asked Mar 6 at 22:57
aJaysanityaJaysanity
62
asked Mar 6 at 22:57
aJaysanityaJaysanity
62
asked Mar 6 at 22:57
aJaysanityaJaysanity
62
asked Mar 6 at 22:57
aJaysanityaJaysanity
62
62
Could you add the ts files please ?
– SergioEscudero
Mar 7 at 1:06
add a comment |
Could you add the ts files please ?
– SergioEscudero
Mar 7 at 1:06
Could you add the ts files please ?
– SergioEscudero
Mar 7 at 1:06
Could you add the ts files please ?
– SergioEscudero
Mar 7 at 1:06
add a comment |
1 Answer
1
active
oldest
votes
Your issue is in this prop: slidesPerView="1.1" the documentation establish:
slidesPerView | number | Slides per view. Slides visible at the same time. Default: 1.
As you set in your slidesPerView="1.1" that is why in your image you can see like the one slide and a little more from the another one. If you want to prevent this behavior then remove that prop or change it for a int value
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
This is not the case. the slidesperview 1.1 is working. I just want the user see the portion of the next card that's why i used the 1.1.
– aJaysanity
2 hours ago
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55033537%2fionic-slides-card-horizontal%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
Your issue is in this prop: slidesPerView="1.1" the documentation establish:
slidesPerView | number | Slides per view. Slides visible at the same time. Default: 1.
As you set in your slidesPerView="1.1" that is why in your image you can see like the one slide and a little more from the another one. If you want to prevent this behavior then remove that prop or change it for a int value
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
This is not the case. the slidesperview 1.1 is working. I just want the user see the portion of the next card that's why i used the 1.1.
– aJaysanity
2 hours ago
add a comment |
Your issue is in this prop: slidesPerView="1.1" the documentation establish:
slidesPerView | number | Slides per view. Slides visible at the same time. Default: 1.
As you set in your slidesPerView="1.1" that is why in your image you can see like the one slide and a little more from the another one. If you want to prevent this behavior then remove that prop or change it for a int value
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
This is not the case. the slidesperview 1.1 is working. I just want the user see the portion of the next card that's why i used the 1.1.
– aJaysanity
2 hours ago
add a comment |
Your issue is in this prop: slidesPerView="1.1" the documentation establish:
slidesPerView | number | Slides per view. Slides visible at the same time. Default: 1.
As you set in your slidesPerView="1.1" that is why in your image you can see like the one slide and a little more from the another one. If you want to prevent this behavior then remove that prop or change it for a int value
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
Your issue is in this prop: slidesPerView="1.1" the documentation establish:
slidesPerView | number | Slides per view. Slides visible at the same time. Default: 1.
As you set in your slidesPerView="1.1" that is why in your image you can see like the one slide and a little more from the another one. If you want to prevent this behavior then remove that prop or change it for a int value
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
edited 2 days ago
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
answered Mar 7 at 1:21
SergioEscuderoSergioEscudero
1,043617
1,043617
This is not the case. the slidesperview 1.1 is working. I just want the user see the portion of the next card that's why i used the 1.1.
– aJaysanity
2 hours ago
add a comment |
This is not the case. the slidesperview 1.1 is working. I just want the user see the portion of the next card that's why i used the 1.1.
– aJaysanity
2 hours ago
This is not the case. the slidesperview 1.1 is working. I just want the user see the portion of the next card that's why i used the 1.1.
– aJaysanity
2 hours ago
This is not the case. the slidesperview 1.1 is working. I just want the user see the portion of the next card that's why i used the 1.1.
– aJaysanity
2 hours ago
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55033537%2fionic-slides-card-horizontal%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Could you add the ts files please ?
– SergioEscudero
Mar 7 at 1:06