REFERENCE LIBRARY
LEARNING CENTER

Quickstart building a web application (Mobile touch)

To continue with this content, please log in with your Data Access ID or create a new account.
Cancel Data Access ID
You may not be authorized to see this content. Please contact Data Access Europe for more information.
Cancel Data Access Europe
You are not authorized to see this content.
Cancel Data Access Europe

DataFlex courses

Information

Quickstart building a web application (Mobile touch)
Introduction (0m 48s)
Implement the dashboard (2m 37s)
Next lesson:
Testing the application
Cancel

Quickstart building a web application (Web/Mobile)

Lesson 10: Implement the dashboard

Now that we have created most parts of the application, it’s time to implement the dashboard. In this lesson we’re going to implement the dashboard tiles which provide a nice and easy way of navigating into the views.

  1. Start at the Studio Dashboard.
  2. Double click Dashboard.wo in the Workspace Explorer.
  3. Open the Designer by clicking F7.

  4. Double click Tile 2 and close the Designer. 
  5. HtmlBox elements will appear in the Source code. This is a special feature called data-Server-On-Click which is a special attribute that can be added to the Html. Adding this will fire the on-click event within DataFlex.

  6. Change the title of Tile 2 in the Source code to Query Persons.

  7. Implement the OnClick. The Dashboard template already had the code, uncomment the code.

  8. Change oYourViewName in the line Register_Object to oSelectPerson.

  9. Change oYourViewName in the line Send NavigateForward to oSelectPerson.

  10. Do the same for Tile 3. Change the name to Query Media.

  11. Uncomment the lines:

  12. Change oYourViewName in the line RegisterObject to oSelectMedia.

  13. Change oYourviewName in the line Send NavigateForward to oSelectMedia.

  14. Compile and Run the application.
  15. The names of the tiles have changed.

  16. Clicking on the tile Query Persons opens the Person Select View. Clicking the tile "Query Media" will open the Media Select View.
  17. This finishes this lesson.
©2026 Data Access Worldwide, all rights reserved
Privacy policy Cookies About dataaccess.com Online Documentation