Using Ionic 3 Side-Menu with ion-slider (like Slack)

up vote
0
down vote

favorite

I'm trying to create an Ionic application that has a side-menu with a slider implemented. I have tried implementing the code in the app.html page using this code:

<ion-menu class="" [content]="content" id="menu-basic">

   <ion-slides pager>

      <ion-slide>

         <h1>Page 1</h1>

      </ion-slide>

      <ion-slide>

         <h1>Page</h1>

      </ion-slide>

   </ion-slides>

</ion-menu>

But the issue I'm having is:

The pager at the bottom does not show

It doesn't slide from one slide to another

Slack Side-Menu with slider

edited 8 hours ago

Sergey Rudenko

2,1992620

asked 17 hours ago

Seyi B

New contributor

Hi welcome to SO! Please check your code to ensure this is not a typo issue - I see that your ion-slides closing tag is wrong (should be </ion-slides>)
– Sergey Rudenko
16 hours ago

Thank you for the response. That was an oversight when I was writing the question. I'm using the correct closing tag i my project
– Seyi B
13 hours ago

ok I fixed it in your question. Personally I don't know the answe, but I feel like "swiping" action in side menu is reserved for open/close of menu. I am not sure it will be easy to implement slack like approach. WOuld you consider segment approach?
– Sergey Rudenko
8 hours ago

add a comment |

up vote
0
down vote

favorite

I'm trying to create an Ionic application that has a side-menu with a slider implemented. I have tried implementing the code in the app.html page using this code:

<ion-menu class="" [content]="content" id="menu-basic">

   <ion-slides pager>

      <ion-slide>

         <h1>Page 1</h1>

      </ion-slide>

      <ion-slide>

         <h1>Page</h1>

      </ion-slide>

   </ion-slides>

</ion-menu>

But the issue I'm having is:

The pager at the bottom does not show

It doesn't slide from one slide to another

Slack Side-Menu with slider

edited 8 hours ago

Sergey Rudenko

2,1992620

asked 17 hours ago

Seyi B

New contributor

Hi welcome to SO! Please check your code to ensure this is not a typo issue - I see that your ion-slides closing tag is wrong (should be </ion-slides>)
– Sergey Rudenko
16 hours ago

Thank you for the response. That was an oversight when I was writing the question. I'm using the correct closing tag i my project
– Seyi B
13 hours ago

ok I fixed it in your question. Personally I don't know the answe, but I feel like "swiping" action in side menu is reserved for open/close of menu. I am not sure it will be easy to implement slack like approach. WOuld you consider segment approach?
– Sergey Rudenko
8 hours ago

add a comment |

up vote
0
down vote

favorite

I'm trying to create an Ionic application that has a side-menu with a slider implemented. I have tried implementing the code in the app.html page using this code:

<ion-menu class="" [content]="content" id="menu-basic">

   <ion-slides pager>

      <ion-slide>

         <h1>Page 1</h1>

      </ion-slide>

      <ion-slide>

         <h1>Page</h1>

      </ion-slide>

   </ion-slides>

</ion-menu>

But the issue I'm having is:

The pager at the bottom does not show

It doesn't slide from one slide to another

Slack Side-Menu with slider

edited 8 hours ago

Sergey Rudenko

2,1992620

asked 17 hours ago

Seyi B

New contributor

I'm trying to create an Ionic application that has a side-menu with a slider implemented. I have tried implementing the code in the app.html page using this code:

<ion-menu class="" [content]="content" id="menu-basic">

   <ion-slides pager>

      <ion-slide>

         <h1>Page 1</h1>

      </ion-slide>

      <ion-slide>

         <h1>Page</h1>

      </ion-slide>

   </ion-slides>

</ion-menu>

But the issue I'm having is:

The pager at the bottom does not show

It doesn't slide from one slide to another

Slack Side-Menu with slider

ionic3 slack

edited 8 hours ago

Sergey Rudenko

2,1992620

asked 17 hours ago

Seyi B

New contributor

edited 8 hours ago

Sergey Rudenko

2,1992620

asked 17 hours ago

Seyi B

New contributor

edited 8 hours ago

Sergey Rudenko

2,1992620

edited 8 hours ago

Sergey Rudenko

2,1992620

edited 8 hours ago

Sergey Rudenko

2,1992620

asked 17 hours ago

Seyi B

New contributor

asked 17 hours ago

Seyi B

asked 17 hours ago

Seyi B

New contributor

Seyi B is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

Hi welcome to SO! Please check your code to ensure this is not a typo issue - I see that your ion-slides closing tag is wrong (should be </ion-slides>)
– Sergey Rudenko
16 hours ago

Thank you for the response. That was an oversight when I was writing the question. I'm using the correct closing tag i my project
– Seyi B
13 hours ago

ok I fixed it in your question. Personally I don't know the answe, but I feel like "swiping" action in side menu is reserved for open/close of menu. I am not sure it will be easy to implement slack like approach. WOuld you consider segment approach?
– Sergey Rudenko
8 hours ago

add a comment |

Hi welcome to SO! Please check your code to ensure this is not a typo issue - I see that your ion-slides closing tag is wrong (should be </ion-slides>)
– Sergey Rudenko
16 hours ago

Thank you for the response. That was an oversight when I was writing the question. I'm using the correct closing tag i my project
– Seyi B
13 hours ago

ok I fixed it in your question. Personally I don't know the answe, but I feel like "swiping" action in side menu is reserved for open/close of menu. I am not sure it will be easy to implement slack like approach. WOuld you consider segment approach?
– Sergey Rudenko
8 hours ago

Hi welcome to SO! Please check your code to ensure this is not a typo issue - I see that your ion-slides closing tag is wrong (should be </ion-slides>)
– Sergey Rudenko
16 hours ago

Thank you for the response. That was an oversight when I was writing the question. I'm using the correct closing tag i my project
– Seyi B
13 hours ago

ok I fixed it in your question. Personally I don't know the answe, but I feel like "swiping" action in side menu is reserved for open/close of menu. I am not sure it will be easy to implement slack like approach. WOuld you consider segment approach?
– Sergey Rudenko
8 hours ago

add a comment |

active

oldest

votes

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',
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
});

}
});

Seyi B is a new contributor. Be nice, and check out our Code of Conduct.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53265963%2fusing-ionic-3-side-menu-with-ion-slider-like-slack%23new-answer', 'question_page');
}
);

Post as a guest

Name

active

oldest

votes

Seyi B is a new contributor. Be nice, and check out our Code of Conduct.

draft saved

draft discarded

Seyi B is a new contributor. Be nice, and check out our Code of Conduct.

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Post as a guest

Name

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Sign up or log in

StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});

Name

This page is only for reference, If you need detailed information, please check here

搜尋此網誌

Cfrgtkky