Hello, my name is sherry and I'm continuing series of tutorial videos we have
for creating mobile work spaces to work and the dynamics through sixty
five for operations mobile out in the last video we left out after having just
creating all sales orders page which we see on the right-hand side of the screen here running on my
andrew device and this video we're going to show how we can
enhances experience providing a sales orders details
age which is accessible when you tap on one of the particular sales orders in this list right now
...on a sales order in this
list doesn't navigation anywhere so to begin that process we're going to edit our existing sales order management
...space which contains the all sales orders page.
And,...see that all sales orders pages right here...pages and I'll go ahead and edit
...sales...stage because this page contains the list...we want to provide
a navigation too so we'll selective paging look at it was like a list
...like...properties...see...his properties were provided was additional options we
can change the default size of the records...come down right now I think by equal down fifty
records to the mobile device you...increases or decreases...no technical limits
and plays by the framework but of course they...storage on...mobile device could be limited
...that if the default here which...that we have an option
...change the style for the list by default is...to this simple style which is what we see on the right-hand side
with user stacked on top of each other go and change that
will cars down to spice things up a little bit the most important part here is adding the
details page we have two options we can select existing major we can add a page.
And, this case we don't have any existing pages that we can use the details page the only page
resigns of r is the all sales orders page so...go ahead and,
then details page by...at page and providing...
... so, now we're taking back to...familiar page design experience we saw
similar design experience when we first design the all sales
...page and we'll go to a very similar process for designing the sales order details page
...have...work around in this case because...all sales orders form isn't designed
...the mobile guidelines in...is a...was designed of course long before
the mobile platform came into being and what that means is that the sales order details
farm is actually not a top-level for you have to click on one of these cells
...this list?
It takes these ions here.
And, hearing and, now...sales order details.
There's no way to get to the sales order details on the menu and there's nobody get there by searching the
farms.
The only way to get there...by opening version havel form all sales orders and then
selecting a particular sales were to navigate was details.
Right so this is important because we have to make sure that the mobile framework understands how to get access to
this data and what that means we image we follow our best practices were designs page?
So, as we...video they always want to make sure we start with the top-level form so we'll go
ahead selected top-level form it's going to be all...orders in this case can actually before
...form do take note that select field is not enabled.
And,...because the...actually understands that since we're designing a details page and
this details page is going to be a details for a sales order is going to make sure that we
open a form that has sales table as the master
...source and of course all sales orders has sales table as a master
Right and...master of data source sales table is the same as
...the same data source rather than the greatest down to
...that are mobile...all sales orders the...we see here is down to
sales table which is why the details page must also be using...form was manager
resources aren't sales table so selectors now enabled again.
And, welcome andrew devices chance to reconnect...because the
...of data sources form sales table...just open the top-level form
haven't interacted with...haven't changed any state haven't added any control they have
...expand class and fast and...to make sure...let it open up in his initial state
...perform no interactions...form before
clicking select fields and that's important because we need to make sure that whatever interactions we take on
the form the whole system is aware so that I can use these actions
access the data and this case the most important action that...to be aware
of is navigating to a sales order details so in this case...actually use those
order seven sixty-eight because the sales order has some lines attached to it and only this
...record this most recent sales or has any sales lines of
...and navigate through sales...seven sixty eight?
...form second open so now the current navigate to the sales of details
while I was in the design system the mobile framework is now aware of how to get to the sales
...details page that's really important and clicks...fields before perform
...navigation and now everything works is it normally does ...first...
sales orders page I all these plus...fields and the cells are list that were selective
...like the ones in details page sort of isolating the header we have there.
...the address...she dates...discount information and now also
...some of the lines I want to include the item number
...quantity and the unit price which is a little further down here
all right so as we expect each one of the fields that has length is now on display in my
...list...so there are no other actions
...to take on this form I want to make sure that I don't perform any
action that change the data on this form I don't want to click new
...do the I don't want to add a line as a part of the design process I
...make sure I don't click anything that would change the state of this data and
it's important because everything that I'm doing...design process the...transform this letting
all these fields all this information is being captured by the mobile system the
mobile framework and any actions that take as a current
...age also going to be executed by the mobile framework when it...to
finish this data so we want to make sure that...the data doesn't have any side effects like editing the data
that's really important so I'm not going to execute any operations that change the data
...just going to clinton...I want to select and england done.
We go so now my sales...details page has been designed
...here selected ahead use network around why
started from the top-level form all sales orders because the sales order details form
...top-level form.
So, I'm going click that this will take me back to the all sales orders page right and
on this list now if I check its properties I should see that my sales order details page is so
like as a detail page that's great...overstepped...dating back to the whole
workspace now see I have two pages now inside of a workspace I have all cells or
isn't sales or details and in this case sales order details is
a nested page you can only get to the details by accessing an item from all sales orders
...important noting his...nested page?
Of...done I'm...designing my...base for now.
...go and...
And, overwrite the previous versions...
It's already published running platform of the...I have the ability of...vision published in this case the words
is already published which means the update metadata is now available to my users
is simply to come back to the workspace landing page.
And,...fresh air is a measure...get the latest metadata which
has additional details page link to the items in the also stage so we'll see that all
my landing page I don't see both pages appearing here I don't see the ourselves one-page and this
is...page...because the sales or details
age requires context requires a record context so you can access it from the root
level right so we go ahead and say all sales orders and two
things change here...number one is we have that car style that changed on that list property looks
a little fancier we also see that each one of these items now has a navigation on the right-hand
...the screen you see that error aren't into the right essentially meaning you
...navigate to what additional pages...details for each one of the items in this list.
...we...angles all went down the list
...sales order seven sixty-eight.
Because...has some lines...lines show up since we design as
well as simply a tap on the sales order we're going to take into the details page now
...was going on in the background was loading this data so with the mobile framework is
...is going out...a os as logging in
creating a session a brand new session using the user context here which are
my cases administrator because I'm...into the mobile app is administrator so creates new session
...it goes to that top-level form which is the all...form
...get this top-level form right and once this top-level form is going to
apply filter is really important applies a filter in order to know exactly which record
older giants in this case...open record seven sixty eight so with the mobile framework is actually
...behind-the-scenes is...built into this page similarly
...do over here and the filter pain and it's saying filter down to whatever
...we happen to be using here so it's actually
...the sales order number is using a wreck idea behind scenes sort applies
...filter...I'll just go ahead and use the sales order to show you what I would look like.
Here's our sales order.
As which one of these...is the one...as option
...seven...change to the other
So,...done it open this top-level page first because when
we selected fields we were already on this top-level page so that...open
...top of page the second thing it does it does...automatically is not something we did we were
...the second thing it...applies...like this?
So, behind the scenes the mobile framework actually apply...based on the rank id not the
sales so...filter and exactly one record will be available in the grid and the whole
framework...execute the remainder of the steps that I execute was designing the page and
the first step was to go ahead navigate into the...one record here and
...navigate into that record and then the whole frame...copy...was very seals the...the address
the date discount and the ...can copy the values there because alliances
and as a grid is going to iterate over the items...that...copy...values
...past that data down to the mobile device and as a as I mentioned before doesn't just ask the data
down it also has down the bindings in this scheme information so
...like easily coming from...sales order...was becoming from
the customer count and...coming from sales order lines.
And,...a relationship between the sales or as lines so the relational schemas actually
understood by the mobile device so that are offline we can create a line...the sales and here's,
you know, the related entities like shadows were inside a mobile lab so that's
all we want to share for the editorial video and the next one will go into a bit of our data...data as scenarios
...talk about how to create an action for page.