Comments (7)
Hi Holger,
hm... yes, that looks wrong.
Indeed, SplitApp can be used for responsive master-detail behavior across all platforms/devices:
in big desktop windows you will see master and detail area, on tablets in portrait mode (or small windows) you will see only the detail page and you can make the master area visible, e.g. with the mentioned button. On phones there is no master button, but you should initially see the master area and navigate from there to the detail area by selecting items.
This is not happening in the SplitApp example page.
But I think this is an issue with this demo app, not with the control - other SplitApp-based apps work fine, can you confirm?
E.g.:
https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/explored/index.html
https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/poa/index.html
Thanks for reporting, we'll have a look at this app.
Regards
Andreas
from openui5.
Hi Andreas,
after digging down the full code of splitapp, splitcontainer i found out,
that there is no support for the master button on phone (sadly!).
In my opion, the same solution would be helpful if you use on master page
as a navigator between different app solutions.
So i can confirm this is currently an issue by design, not a bug.
The behavior is not quite clear!
If you use the router, you have to make sure that you use something like
pattern : (jQuery.device.is.phone) ? "leistung" : "",
If not, you will not be able to navigate back to the master!
Also on !phone devices, you need to empty patterns to automatically load
initial master and detail page.
Every detail home view now needs something like
showNavButton="{device>/isPhone}"
navButtonPress="onNavButtonPress"
class="MasterButton"
to emulate the same behavior on phones and to be able to navigate to master
onNavButtonPress : function (evt) {
this.router.navTo("navigator");
},
Maybe you are able to place a feature request, that the ShowMaster button
will also be supported on phone! In my opion that would be a useful feature
to have out-of-the-box navigation also on phones (even if there is only one
nav aggregation).
The SplitContainer code looks quite good (using transitions and an ie9
fallback with jquery transformation). I will prototype some methods and css
to offer an facebook like menu out-of-the-box and will place the example on
my OpenUI5 Blog (http://openui5.blogspot.com).
I am just migrating from Sencha Libs and i think there are a lot of thinks
that i have to do by my own till i have the same framework i am used ;-)
Thanks for your feedback.
Cheers Holger
Holger Schäfer
Dipl.-Wirt.-Inf.
Mobile: +49 (170) 6363186
Email: [email protected]
Location: Germany, Dortmund
[image: Facebook] http://www.facebook.com/profile.php?id=1143362937 [image:
Twitter] https://twitter.com/hschaefer123 [image:
LinkedIn]http://www.linkedin.com/profile/view?id=11915235
[image: XING] https://www.xing.com/profile/Holger_Schaefer4 [image:
Google Plus Page] https://plus.google.com/u/0/101663472963508114093/posts
On Thu, Apr 3, 2014 at 9:40 AM, Andreas Kunz [email protected]:
Hi Holger,
hm... yes, that looks wrong.
Indeed, SplitApp can be used for responsive master-detail behavior across
all platforms/devices:
in big desktop windows you will see master and detail area, on tablets in
portrait mode (or small windows) you will see only the detail page and you
can make the master area visible, e.g. with the mentioned button. On phones
there is no master button, but you should initially see the master area and
navigate from there to the detail area by selecting items.
This is not happening in the SplitApp example page.But I think this is an issue with this demo app, not with the control -
other SplitApp-based apps work fine, can you confirm?
E.g.:https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/explored/index.html
https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/poa/index.html
Thanks for reporting, we'll have a look at this app.
Regards
Andreas—
Reply to this email directly or view it on GitHubhttps://github.com//issues/30#issuecomment-39421227
.
from openui5.
Hi Holger,
thanks for your detailed description of what you would have expected.
The SplitApp is designed to behave like e.g. the "Settings" app on iPhone, where a master-detail structure on tablet is mapped to a linear set of pages on phone. As such it is correct not to display a "Show Master" button.
I can for sure mention this as enhancement request, but to be honest, I wouldn't expect it to happen very soon.
One reason is that the facebook-like menu use-case is also covered by other control(s) which are not very prominent yet, so you may very well not have noticed them:
the sap.ui.unified.Shell, and sap.ui.unified.SplitContainer. Both can move in a menu pane from the left, and the Shell even ALWAYS has a menu button. ;-)
So maybe they are what you are looking for.
See:
https://openui5.hana.ondemand.com/#docs/api/symbols/sap.ui.unified.Shell.html
https://openui5.hana.ondemand.com/#docs/api/symbols/sap.ui.unified.SplitContainer.html
https://openui5.hana.ondemand.com/test-resources/sap/ui/unified/Shell.html
https://openui5.hana.ondemand.com/test-resources/sap/ui/unified/SplitContainer.html
I'll keep this issue report focused on the SplitApp demo page issue, which is a bug, and close it when fixed.
Regards
Andreas
from openui5.
Hi Holger,
the SplitApp demo page issue was caused by the implementation of navigation handling within this application. When it runs on the phone, the first page in master area should be shown instead of the first page in detail area.
The issue is fixed now. The fix will be available in patch 1.18.12 and also in the 1.20.4 release.
Best regards,
Jiawei
from openui5.
Closing, as the real issue (the empty page in the demo app) was fixed.
(As already said: the fact that the master button is not present on phones is intentional and consistent with other mobile UIs.)
Thanks for reporting!
from openui5.
I expected the same behavior as @hschaefer123 and it worked like expected in small browser windows ... but not on phone. Than I came across this, wasn't clear to me, too.
from openui5.
I've just tested it on a hybrid app I've just developed and I have the same issue. The library I'm using is OpenUI5 v1.50.8
How can I fix it? Also it happens on the browser when I try to emulate a device (chrome)
from openui5.
Related Issues (20)
- Feature Request: sap.m.StandardTreeItem - indeterminate state - same logic as web component sap.ui.webc.main.TreeItem HOT 1
- CDN: source map no longer applied expectedly since 1.120 with Chromium browsers HOT 5
- UploadSet on Surface Tablet not same behaviour as on iPad HOT 1
- [sap.m.upload.UploadSet] sap.m.IllustratedMessage does not bind i18n text, and illustrationType requires special prefix HOT 4
- sap.ui.unified.Calendar - ui issue when selecting date from next month, old date remains outlined HOT 1
- there is no “Standard” text in the built-in sap.ui.comp.smartvariants.SmartVariantManagementUi2 in the FilterBar. HOT 2
- sap.m.StandardListItem: Icon not correctly aligned vertically HOT 1
- Request: method to get hex code of an sap.ui.core.IndicationColor HOT 1
- CSRF token cannot be resolved - Integration card HOT 2
- sap.m.Table: Ability to export to a spreadsheet (Excel, CSV, ...) HOT 3
- sap.m.Table ListMode Delete for table cannot be used in drag and drop because selection of a row is not permitted HOT 2
- JS Doc for calculateStartDate in SinglePlanningCalendarView HOT 3
- Dialog Cancel Buttons have Border around them in 1.119 and 1.120 HOT 1
- FeedInput is using deprecated type definition HOT 2
- Fiori Elements routing as nested component - not tracking history correctly HOT 2
- Advise needed: Firefox does not send xhr because of syncXHRFix.js and XHRInterceptor.js HOT 8
- ViewSettingsDialog _globalReset HOT 1
- sap.m.Input suggestionItems not shown as soon as they are added HOT 1
- sap.ui.unified.CalendarDateInterval Doesn't show calendar weeks version 1.120.0 HOT 2
- Personalization for responsive table not working on UI5 Demo HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from openui5.