feat: Open Page in Modal-Style
See original GitHub issueFeature Request
Ionic version:
[x] 5.x
Describe the Feature Request
The Idea is to use a modal globally in the app. Currently a modal depends on a specific page, can’t be lazy loaded and the same modal can’t be used on another page without copying it. So the idea is to add an option to make it possible to let a page appear as a modal.
Describe Preferred Solution
Maybe a parameter that can be passed to the NavController.
await this.navController.navigateForward('/foo', {
showAsModal: true
});
Describe Alternatives
Alternative is to use the ModalController, but it has some disadvantages like mentioned before.
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
feat: Open Page in Modal-Style · Issue #21477 · ionic ... - GitHub
The Idea is to use a modal globally in the app. Currently a modal depends on a specific page, can't be lazy loaded...
Read more >Modal - Bootstrap
Use Bootstrap's JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.
Read more >Prevent Page Scrolling When a Modal is Open | CSS-Tricks
If we know the top of the scroll location and add it to our CSS, then the body will not scroll back to...
Read more >Build A Custom React JS Modal - Using Hooks (Pop-up ...
In this video I will share with you how to build a custom modal (pop-up) in ... Build A Custom React JS Modal...
Read more >How To Make a Modal Box With CSS and JavaScript
A modal is a dialog box/popup window that is displayed on top of the current ... <button id="myBtn">Open Modal</button> ... modal.style.display = "block";...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
history.push
is just the web’s standard history API, so providing an animation here will not work. Regarding React, we are working on significant updates to routing in React, so the per-page animation feature will be available when that ships (soon).Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.