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
There will be a head called Dashboard Designer when the application you chose opens.
Create New Dashboard
button on the right to create a new Dashboard. Then, Enter the Name.
Click on the newly created Dashboard Title to configure it.
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.
Drag and drop the KPI widget and press the configuration button
- Fill the Header and the Text Fields for Place-holder.
- Choose the widget color from the Color dropdown
- Enter JDE table name, Field, Cumulative value, Filter, Condition, and Value.
- Select the Landing form.
- 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.
External Reports Widget
Drag and drop the External Reports widget and press the configuration button.
- Type the name, you want your 3rd party report widget to be recognized within the End-User Swift app, in the Header field.
- Fill in the width, height, and the required information from the dropdown.
- Copy and paste the embed code provided by the 3rd party analytics software
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
Drag and drop the Custom Component widget and press the configuration button.
- Enter the Title in the ‘Display Label’ field
- Check/Un check the Attributes (Visible, Next Line ) to customize how to render this component in the End-User app.
- Edit the code in the code-editor window. You can choose either ‘Class Component’ or ‘Functional Component’ from the dropdown.
- Press the Play button and your component gets published.
Log on to the End User App and you can see your created Widgets there.