Details
-
Type: New Feature
-
Status: Closed
-
Priority: Major
-
Resolution: Fixed
-
Affects Version/s: None
-
Component/s: MOBI-Components
-
Labels:None
-
Environment:ICEfaces 4
-
Assignee Priority:P1
-
Affects:Documentation (User Guide, Ref. Guide, etc.), Sample App./Tutorial
Description
A View Manager component would aim at making standard mobile UIs easier for enterprise developers. The developer would define the contentPanes, which could be nested, their titles, the navigation pattern for different layouts, and the component would create the UI. The component would automatically handle navigation, and would not require the developer to write any backing bean code for navigation, or view switching.
<mobi:viewManager mobileNavigation="swipe" tabletNavigation="menu" appLabel="My App">
<mobi:contentPane id="a" title="Page A">
//content
</mobi:contentPane>
<mobi:contentPane id="b" title="Page B">
//content
</mobi:contentPane>
<mobi:contentPane id="b1" title="Page B1" childOf="b">
//content
</mobi:contentPane>
<mobi:contentPane id="c" title="Page C">
//content
</mobi:contentPane>
</mobi:viewManager>
In a mobile layout set to navigation='swipe' this would generate the following:
A <-- swipe to--> B <-- swipe to -->C
<--or click to --> B1
-------------------------- -------------------------- -------------------------- --------------------------
| A | | B <B1>| | <back> B1 | | C |
| | | | | | | |
| | | | | | | |
| | | | | | | |
| | | | | | | |
------------------------- ------------------------- ------------------------- -------------------------
In a mobile layout set to navigation='menu' this would generate the following:
-------------------------- -------------------------- -------------------------- -------------------------- --------------------------
| My App | | A | | B <B1>| | <back> B1 | | C |
|------------------------| | | | | | | | |
| A > | | | | | | | | |
| B V | | | | | | | | |
| B1 > | | | | | | | | |
| C V | | | | | | | | |
------------------------- ------------------------- ------------------------- ------------------------- -------------------------
In a tablet layout this would generate the following:
____________________________________________
| My App |
|---------------------------------------------------------------------------|
| A > | |
| B V | |
| B1 > | Current Page |
| C V | |
| | |
| | |
| | |
|---------------------------------------------------------------------------|
<mobi:viewManager mobileNavigation="swipe" tabletNavigation="menu" appLabel="My App">
<mobi:contentPane id="a" title="Page A">
//content
</mobi:contentPane>
<mobi:contentPane id="b" title="Page B">
//content
</mobi:contentPane>
<mobi:contentPane id="b1" title="Page B1" childOf="b">
//content
</mobi:contentPane>
<mobi:contentPane id="c" title="Page C">
//content
</mobi:contentPane>
</mobi:viewManager>
In a mobile layout set to navigation='swipe' this would generate the following:
A <-- swipe to--> B <-- swipe to -->C
<--or click to --> B1
-------------------------- -------------------------- -------------------------- --------------------------
| A | | B <B1>| | <back> B1 | | C |
| | | | | | | |
| | | | | | | |
| | | | | | | |
| | | | | | | |
------------------------- ------------------------- ------------------------- -------------------------
In a mobile layout set to navigation='menu' this would generate the following:
-------------------------- -------------------------- -------------------------- -------------------------- --------------------------
| My App | | A | | B <B1>| | <back> B1 | | C |
|------------------------| | | | | | | | |
| A > | | | | | | | | |
| B V | | | | | | | | |
| B1 > | | | | | | | | |
| C V | | | | | | | | |
------------------------- ------------------------- ------------------------- ------------------------- -------------------------
In a tablet layout this would generate the following:
____________________________________________
| My App |
|---------------------------------------------------------------------------|
| A > | |
| B V | |
| B1 > | Current Page |
| C V | |
| | |
| | |
| | |
|---------------------------------------------------------------------------|
Issue Links
- depends on
-
MOBI-342 View Manager Component
- Resolved
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion