Navigation (Panes, Pages, Lists…) SerCar10

January 28, 2013 — 6 Comments

Cascades gives you the power to navigate easy through your apps.

You can start with a TabbedPane to separate your app into segments.

Each TabbedPane can contain single Pages or a NavigationPane as root of a stack of Pages you can push() and pop().

Here’s an example from SerCar10  (Management of ServiceCars with Cascades). In this article we want to take a look HowTo add, edit, delete positions of work. In this blog I only demonstrate dealing with positions of parts from your stock items catalogue. Another blog will focus HowTo add working hours.

Hint: Sourcecode – snippets will follow later

Overview

Here’s a short overview what you can do:

parts_position

  • A: HomeScreen of the APP is a TabbedPane
  • B: Tapping on WorkOrders opens scheduled Work Orders, a NavigationPane with a ListView
  • C: Tapping on one Item (Work Order) shows details of this Work order
  • D: Action opens another Page with a ListView displaying all positions of work done for thie order. (Parts, Hours, Attachments)
  • E: Selecting parts – Action opens another ListView ‘on top’ from where you can select parts
  • F: Selecting a part opens a Page with details ‘on top’ where you can enter the Quantity
  • G: Action to save the selected part adds this item to the list of positions, recalculates pos value and totals and sets Working Order status in root ListView.
  • H: Tapping on a Part item in list of positions opens details of this position
  • I: From this details Page you can edit the quantity or delete the position. Changes are immediately visible in list of work positions.

Screenshots from this Workflow

—–

parts_positions_01

—–

parts_positions_02

—–

parts_positions_03

—–

parts_positions_04

—–

parts_positions_05

—–

parts_positions_06

—–

parts_positions_07

—–

parts_positions_08

—–

parts_positions_09

—–

parts_positions_10

—–

parts_positions_11

—–

parts_positions_12

—–

parts_positions_13

—–

parts_positions_14

—–

parts_positions_15

—-

parts_positions_16

—–

parts_positions_17

—–

Peeking (looking back)

With Cascades and BlackBerry 10 it’s easy to know where you are in your workflow: you can peek back from your Content area to the last Page or from the Action Bar to the complete Application. Here are some samples:

parts_peek_01

—–

parts_peek_02

—–

parts_peek_03

—–

parts_peek_04

——

parts_peek_05

—–

Video

Short Video to demo HowTo add, edit or delete positions of work orders:

Attention: Please switch HD ON (Top Right Corner of Video)


(c) 2012 Creative Commons License 3.0 (BY-NC-SA) by ekkescorner

6 responses to Navigation (Panes, Pages, Lists…) SerCar10

  1. 

    Can you add source for adding navigation pane in tabbed pane

  2. 

    the application has encountered problem while running on the simulator

  3. 

    I’m using OpenDataSpace only on device. You can try ODS downloading from BlackBerry World – its free.

  4. 

    thank you for your quick reply🙂

  5. 

    if I’m finding some time I will try to see how ODS is running in simulator

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s