Course
Course Content
About the Time Report application
In this section you will learn about the features of the Time Report app; what it can do and its current limitations. We will also review its data models and UIs, and learn about its rules and actions.
0/5
Data models and forms
00:00
Widgets and views
00:00
Roles and Rules
00:00
App Parameters and configuration
00:00
Test Your Knowledge
How to rebrand the Time Report application
In this section you will learn how to apply your own branding to the Time Report app; how to change colors and images. We will be using themes and customizing widget styling using HTML and CSS, and will touch on a number of best practices.
0/3
How to change colors
00:00
Branding of the account and application
00:00
Building basic views
00:00
Add new functionality
In this section we will add two new features. First we'll introduce the concept of customers to our Time Report app. Second, we'll add a configurable action to remind Time Report users to submit their time.
0/2
Add Customers
00:00
Time entry reminders
00:00
What’s next?
This section showcases features from other apps that could be incorporated in Time Report.
0/2
What else is there?
00:00
Request new features
Time Report application
About Lesson

In Appivo, pages of an app are called views, and views consist of widgets. Views can be grouped into UIs, which usually represent interfaces for mobile and desktop devices (though there are other options for UIs that are covered in other lessons). 

Widgets

The Time Report app makes use of a number of widgets, including:

  • TextField
  • TextArea
  • DateField
  • Button
  • Label
  • SplitPane
  • Panel
  • Divider
  • List
  • DataGrid

In this lesson we will briefly go through the DataGrid, Button and TextField widgets, discussing how they are used and how they relate to data models, queries and other concepts. 

Views

The Time Report app has a mobile UI for mobile apps, and a desktop UI for browsers – each with their own set of views. While there are many similarities when creating mobile and desktop views, there are also unique aspects to each that should be considered and even leveraged. Some widgets are only available for some UIs, and those widgets can often be used to optimize the user experience. Here is a summary of the UIs and views:

  • Desktop UI
    • Dashboard/Home
    • Project Create
    • Project List
    • Project Report
    • Project Archive
    • Time Report
    • Time Entry
  • Mobile UI
    • Dashboard/Home
    • Menu
    • Project List
    • Time Entry
    • Time Report
Previous
Next