Customizing the Weekly View Header of a Time Entry table

When building a Time Entry Zapp, the weekly view can be customized and styled to match your needs.

Styling the weekly view

To style the weekly view of the timesheet table, go to Style mode and select the weekly view.

In the Properties tab, you can choose to change the background color of the header and font color of the days text.

In addition, you can choose to change the selected day font color, background color and underline color. By default, the selected day font color is the brand primary color and there is not background or underline color.

Each day in the weekly header can be represented by up to 3 lines of text. The most common views are a single line of text representing the day of the week:

Or two lines of text representing the day of the week and the day of the month:

You can control the text style of each line of text separately.

By default, the text representing each day in the weekly view header is dynamic and based on each column header in the timesheet table in the web application. For example, if the column header text is “Mon 8/8”, that will be the text that will appear in the weekly view.

The dynamic column header text will be presented in one line and will use the First Text styling.

The text can be split into two (or three) lines using a short script. The header text is split to two lines (day and date) out of the box for Zapps built on SAP and PeopleSoft applications. If you’re building a Time Entry Zapp on a different system, please contact your Customer Success Manager so this option can be enabled for your specific system.

In addition, the weekly view text can be static on the mobile side. To do so, select the weekly view and go to the ITEMS tab. The placeholder text of each column header shows the dynamic text that appears based on the web application. You can override that by typing in any static text you would prefer.

Showing the current day or the selected day

By default, the timesheet table will show the first day of the selected period. It is possible to associate between the weekly view header and the calendar so we will know to select and highlight either the current day or the day that was selected in the calendar.

For example, assume that today is August 8 and you’re viewing the week starting on August 7. The day view of August 8 will be selected.

Alternatively, if you select to view the week starting on August 14 by selecting August 16 from the calendar, then August 16 will be the selected day.

This capability is provided out of the box for Time Entry Zapps built on top of SAP and PeopleSoft applications. If you’re building a Time Entry Zapp on a different system, please contact your Customer Success Manager so this option can be enabled for your specific system.