Follow

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.

 

WH_-_header.png

 

 

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

 

WH_-_colors.png

 

 

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.

 

WH_-_selected_colors.png

 

 

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:

 

WH_-_single_line.png

 

 

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

 

WH_-_two_lines.png

 

 

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

 

WH_-_text_ILE.png

 

 

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.

 

WH_-_weekly_ILE.png

 

 

 

 

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.

 

 

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.