Create Swift Dashboard

Login to Swift App Design Studio

Using your Swift admin account, access the App Design Studio:

Applications Control Interface

Select the Application tab from the sidebar. Click the particular application you want to create the new Find/Browse Form for. This will open up the App Designer

Dashboard Designer

There will be a head called Dashboard Designer when the application you chose opens.

Create New Dashboard

Click the
button
on the right to create a new Dashboard. Then, Enter the Name.

Click on the newly created Dashboard Title to configure it.

Dashboard widgets

Three different widgets are available for configuration to be shown in the end-user app.

  • KPI Widget: Its for JD Edwards-related analytics
  • External Reports: It’s for 3rd party related analytics data, like Power BI, Tableau, etc.
  • Custom Components: It’s for adding your custom code-based widgets in the Swift Dashboard.
Play Video

KPI Widget

Drag and drop the KPI widget and press the configuration button 

  1. Fill the Header and the Text Fields for Place-holder.
  2. Choose the widget color from the Color dropdown
  3. Enter JDE table name, Field, Cumulative value, Filter, Condition, and Value.
  4. Select the Landing form.
  5. Press the Close button to save the settings

Other Features in KPI Widget:

List Operators: With this advanced filtration can be done on data by passing a list of values

       A “List operator” option works in a query-able form in the KPI dashboard widget. 

 

Play Video

External Reports Widget

Drag and drop the External Reports widget and press the configuration button.

  1. Type the name, you want your 3rd party report widget to be recognized within the End-User Swift app, in the Header field.
  2. Fill in the width, height, and the required information from the dropdown.
  3. Copy and paste the embed code provided by the 3rd party analytics software

Report Viewer:

Now click on the play button on the right side of the screen. Login into the app and the home page will appear like this

Custom Component

Drag and drop the Custom Component widget and press the configuration button.

  1. Enter the Title in the ‘Display Label’ field
  2. Check/Un check the Attributes (Visible, Next Line ) to customize how to render this component in the End-User app.
  3. Edit the code in the code-editor window. You can choose either ‘Class Component’ or ‘Functional Component’ from the dropdown. 
  4. Press the Play button and your component gets published.

Log on to the End User App and you can see your created Widgets there.

 

 

Next Steps: