Infor Applied Innovation

« | Main | »

Mashup Designer Basics Part 7: Mashing into Form Tabs

November 7, 2012

By Josh Geving

Beginning in Smart Office version 10.0.4.1 you have the ability to place Mashups inside form tabs (Browser Tabs). Of course, to make them contextual you also have the ability to pass data from the form to the mashup. This capability opens up a whole world of exciting possibilities. Think about it. Mashups allow you to bring together various parts of the ecosystem and bring them together to form a new application for the user. With this feature, you are bringing the Mashup to the form, where the user is already working, rather than bringing the form to the Mashup. In the end it is another tool you can use to help the user do their job more efficiently.

The following are the basic details to embed a Mashup inside a form tab and pass data from the form to the Mashup. Specific details may be refined in future versions of Smart Office, but the functionality is here to stay.

In this simple example we are going to create a List View for AP10.2 and embed it inside a tab on AP10.1. The List View has two keys we are intersted in VENDOR-GROUP and VENDOR. We will use these to filter the List View based on the form data. We call the List Panel “Locations” which we will reference later on when we add the Brower Tab to the form. The last step in the Designer is to create one empty event for the List Panel against the Global > Startup which looks like this:

MDB_P7_1

Look for future versions of LSO to longer require this.

Next we create the Browser tab on AP10, we are calling this Locations.  The url we are going to enter is as follows:

mashup:///?BaseUri=Tab.mashup&RelativeUri=tab.xaml&Locations=VENDOR-GROUP:<VEN-VENDOR-GROUP>;VENDOR:<VEN-VENDOR>

I always let the system create the initial shortcut for me by dragging the Mashup from the Navigation Panel out to the Canvas, then check the Settings. The system will give you something like this:

mashup:///?BaseUri=Tab.mashup&RelativeUri=tab.xaml

We are adding the following to pass the values:

&Locations=VENDOR-GROUP:<VEN-VENDOR-GROUP>;VENDOR:<VEN-VENDOR>

Locations is the name of the List View control in the Mashup. The remaining are sets of name/value pairs telling it what to pass over to the Mashup.

MDB_P7_2

In the end you should have something that looks like this:
MDB_P7_3

As the user proceeds through the records the values from the form are passed into the Mashup and the List View is filtered accordingly.

Comments

One response to “Mashup Designer Basics Part 7: Mashing into Form Tabs”

  1. Sasikala Nagisetty says:

    Thanks for the Nice Article. Usefull while integrating Forms and Mashup.

Leave a Reply

Your email address will not be published. Required fields are marked *



About this Blog

The latest innovations using Infor Technology