I'm trying to make a fiori app using <SplitApp> view. My problem is when I use small device such as phone (portrait mode), the master view is not shown, but only the detail view (look like below):
I've tried to use property mode="PopoverMode" or StretchCompressMode but none of those worked.
Any suggestion?
Thanks and Best regards
I found the solution. I change the order of 2 views in target from:[master, detail] to [detail, master]
SplitApp is another root element of a UI5 mobile application besides App control.
It maintains two NavContainers if running on tablet/desktop and one - on phone. The display of master NavContainer depends on the portrait/landscape mode of the device and the mode of SplitApp.
Try to add items to the master page and then navigate and check if it goes to detail screen.
Related
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.
The splitApp loads master and detail pages on initial load on desktop and on tab as normal but when i try to emulate it on any phone like iphone 4,5,6 or nexus in chrome split app shows only master page on initial load instead of detail page.I tried all three modes of splitApp but does not work well with phone.
And also when i make my detail page to show nav button the default navigation button that comes with splitApp to switch to master from detail does not appear.
Regards,
Ajaay Krishna
That is the way a 'SplitApp' behaves on a mobile device.
As there isn't enough screen space on a mobile device to display both the 'Master' and the 'Detail', as you can, say, on a desktop or a tablet, the expected behaviour on a mobile device is to first display the 'Master' list and then on navigation, display the 'Detail'. So there isn't anything wrong there.
As for the issue with the back navigation button, please post a code snippet to further elaborate..
I want create tab display like safari for iPad. Is there any control which i can use directly to get tabs? or a way to design this will be helpful.
Thanx in advance.
Take UIButtons, On selection change buttons image accordingly. I used the same trick in my earlier project.
I implemented a tab view as seen on Safari on iPad. It allows reordering/deletion/addition of tabs (but this behavior can be turned off). The API is similar to UITableView delegate and data source.
https://github.com/mkeiser/TRTabView/
I am very new to iOS development. I am going to start a new project which is mostly related to to the database. Can you suggest what should I start from Window or view based app?
A view-based app only have one view, and includes a nib. However, window based app don't include a nib or a view, it's for add your own view.
I would chose view-based
1.There is no such difference in both
In View Based app you will get a default view controller in window.
In Window Based app you will not get anything by default already added in window, you have to add your own view.
They're used for different things. Neither is better than the other.
If you're a total rookie, I'd go with View based. It comes wired up with more stuff for you by default, and lets you work on your app's functionality rather than the details of getting stuff on the screen. It also limits you in ways that Window based doesn't, but for your level that's probably a good thing.
Anyway you have to make ViewController if you make project using window based.
Make your project using window based and View based. and compare both. So you can find what is different.
and iOS can have many view on only one window.
I'm using Appcelerator Titanium to build an iPhone app. I currently have a tabGroup control that links to the major sections of the app, including the home screen.
What I'd like to do is remove the "Home" tab only from the navigation, without removing it from the tabGroup object. So, for example, I'd still be able to call tabGroup.setActiveTab(0) and it would take me to the home screen, but the tabs at the bottom wouldn't have a "home" button.
Is this even possible? If so, how can I do it?
Notes: I do not want to hide the whole bar, just a single tab. I also do not want to remove the screen from the underlying object, just the navigation UI. Also, I'm only developing for iPhone and don't care if other platforms aren't supported, so iPhone-only solutions are acceptable.
take the home screen out of the tab group completely and manage displaying it and transitioning to it separately; in the end, it will be a cleaner solution.
Have you tried tab.hide() or when creating the tab setting it to visible: 0?