I'm using Ionic Tabs layout for my ionic3 application. Inside 1st tabpage, i have 2 ionic-segments (both of them have their own pages.).
Issue is when i click 1st Ionic-tab it then 2 segments are displayed properly but Page content of any of segments are not displaying.
For detailed information, please visit below question link i've posted to ionic forum.
https://forum.ionicframework.com/t/ionic-segment-inside-ionic-tab-not-displaying-child-page-properly/176151
I just converted my Page into Component and it's working as expected now.
Related
I have built a functioning flutter app using Navigator 2.0 API and RouterDelegate. All the navigation works fine but the problem is on the back event. On pressing back either from the app bar or from the device button, the top page does pop but the page that is 2 layers deep in the stack is displayed for a fraction of second before the desired page is displayed.
Like in the attached image, when going back from ArchivedChatThread, Bots is displayed for few milliseconds and then another page is shown. Here, the stack is also not proper as there should be one page between Bots and ArchivedChatThread i.e ArchivedChats.
I tried a lot of different things but am unable to find a solution as this is my first flutter app and Navigator 2.0 being a relatively new and complex concept.
image
Any kind of help is appreciated. Thanks!
I'm developing an app for PC, tab and mobile, which consists in a list of items. Each item has a detail page. The idea is to display each item's detail page when the user clicks on that specific item, but with different behaviour depending on the device. In PC/tablet, the detail view will be displayed on the right side of the list, and in mobile the detail page will be opened in a new page. You can see the idea in this image:
The image was made by Martin Pritchard, who wrote this Medium post some years ago about how to solve the same problem I'm facing now. He used IonSplitPane in Ionic 3 with Angular. I'm afraid I can't use this approach, or at least I'm not able to replicate it with Vue.
I've tried IonSplitPane alongside with IonMenu, but the behaviour is not the expected, because I don't need a 'hamburguer' menu that collapses in mobile view. Besides, I've tried with IonSplitPane only and I'm not able to put the collapsible side at the end (as it should be the detail view which hides in mobile, and not the left (master) pane). I'm not even sure this could be a solution, as I need that in mobile the detail page displays in a new view.
Has anyone faced this problem and could help me?
Thank you very much in advance.
I am working on an Ionic3 project. I want to use slider component. By default it only shows a single image at a time. Is it possible to show 3 images on a single page. and when user swipe new 3 and so on.
Please help
Thanks
Its slidesPerView='3', which I am looking for. It shows desired number of items at one time on screen.
I'm displaying a list using lazy loading with some articles. When I go back to this after going to one of them the list scrolls to the top.
This apparently was fixed on Ionic 1 (https://forum.ionicframework.com/t/on-coming-back-from-details-to-list-page-the-scroll-position-goes-back-on-top-list-data-loaded-by-async-task/1432/10) but not sure how can I implement this using Ionic 3.
I could save position on ionViewDidLeave and get it on ionViewDidEnter but it should be an Ionic way
I am using Ionic v3 and need to implement a page where i have few tabs on bottom of the home screen to navigate to all other sections of the application. Implemented the same by starting ionic tabs template in starting using ionic start exapp tabs with multiple tabs available in the footer of the application, but now in one tab selected navigate to I need to implement two tabs on the top just after the toolbar. Applicable only for that page but am unable to do so. refereed to Ionic tabs documentation link but unable to resolve the issue.
For better explanation of the question we can consider the example below where I need the nested option to come only on the option tab click.