# 7.1. Rosters Dashboard

The timeline page will display previously created roster/shifts. It <span lang="EN-US" style="mso-ansi-language: EN-US;">will include views for daily, monthly and weekly schedules, allowing us to track all types of agents and shifts. The roster will be utilized to manage and display information on agent availability and leave status within this time management system.</span>

[![roaster.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-rv2nkfws.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster.png)

<span lang="EN-US" style="mso-ansi-language: EN-US;">Rosters dashboard has the following features.</span>

<div class="page-content" dir="auto" id="bkmrk-%C2%A0-%C2%A0-%C2%A0-%C2%A0-%C2%A0-timeline-d"><div dir="auto">1. <span lang="EN-US" style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-ansi-language: EN-US;"><span style="mso-list: Ignore;"><span style="font: 7.0pt 'Times New Roman';">  </span></span></span>**<u><span lang="EN-US" style="mso-ansi-language: EN-US;">Timeline Day</span></u>**<span lang="EN-US" style="mso-ansi-language: EN-US;">**:** by default, “Timeline Day” tab is highlighted and today schedules </span>will be displayed in the roster dashboard<span lang="EN-US" style="mso-ansi-language: EN-US;">.</span>

</div></div>[![roaster-today1.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-shp7ol9w.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster-today1.png)

<span lang="EN-US" style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-ansi-language: EN-US;"><span style="mso-list: Ignore;">**1.1.<span style="font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';"> </span>**</span></span><span lang="EN-US" style="mso-ansi-language: EN-US;">**Previous and Next arrow marks:** </span>This feature is useful for navigating to previous and next dates, with the schedules for the selected dates displayed on the rosters dashboard.

<span lang="EN-US" style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-ansi-language: EN-US;"><span style="mso-list: Ignore;"> **1.2.<span style="font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';"> </span>**</span></span><span lang="EN-US" style="mso-ansi-language: EN-US;">**Calendar:** when you click on dropdown, a calendar will be displayed as shown by following screenshot.</span>

<span lang="EN-US" style="mso-ansi-language: EN-US;"> </span>[![roaster-today2.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-vj5fwzf9.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster-today2.png)

 Here, users can select a date as needed, and the schedules will be displayed based on the selected date<span lang="EN-US" style="mso-ansi-language: EN-US;"> as shown by the screenshot below .</span>

<span lang="EN-US" style="mso-ansi-language: EN-US;"> </span>[![roaster-today3.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-s3pj75b4.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster-today3.png)

 **<span lang="EN-US" style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-ansi-language: EN-US;"><span style="mso-list: Ignore;">2.<span style="font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';"> </span></span></span><u><span lang="EN-US" style="mso-ansi-language: EN-US;">Time Line Week</span></u>**<span lang="EN-US" style="mso-ansi-language: EN-US;">**:** By clicking on the "Timeline Week" tab, the schedules for the current week will be displayed on the rosters dashboard as shown by below screenshot.</span>

[![roaster-week1.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-ojywwp7x.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster-week1.png)

<span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"> **2.1.<span style="font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';"> </span>**</span></span><span lang="EN-US" style="mso-ansi-language: EN-US;">**Previous and Next arrow marks:** </span>This feature is useful for navigating to previous and next weeks, with the schedules for the selected week displayed on the rosters dashboard.

<span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"> **2.2.<span style="font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';"> </span>**</span></span><span lang="EN-US" style="mso-ansi-language: EN-US;">**Calendar:** when you click on dropdown, a calendar will be display. </span>Here, users can select a date as needed, and the schedules will be displayed based on the selected date<span lang="EN-US" style="mso-ansi-language: EN-US;">.</span><span lang="EN-US" style="mso-ansi-language: EN-US;"> </span>

<span lang="EN-US" style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-ansi-language: EN-US;"><span style="mso-list: Ignore;">**3**.<span style="font: 7.0pt 'Times New Roman';"> </span></span></span>**<u><span lang="EN-US" style="mso-ansi-language: EN-US;">TimeLine Month</span></u>**<span lang="EN-US" style="mso-ansi-language: EN-US;">: By clicking on the "Timeline Month " tab, the schedules for the current Month will be displayed on the rosters dashboard as shown by below screenshot.</span>

[![roaster-month1.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-exe7er7f.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster-month1.png)

<span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"> **3.1.<span style="font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';"> </span>**</span></span><span lang="EN-US" style="mso-ansi-language: EN-US;">**Previous and Next arrow marks:** </span>This feature is useful for navigating to previous and next month, with the schedules for the selected month displayed on the rosters dashboard.

<span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"> **3.2.<span style="font-style: normal; font-variant: normal; font-kerning: auto; font-optical-sizing: auto; font-feature-settings: normal; font-variation-settings: normal; font-stretch: normal; font-size: 7pt; line-height: normal; font-family: 'Times New Roman';"> </span>**</span></span><span lang="EN-US" style="mso-ansi-language: EN-US;">**Calendar:** when you click on dropdown, a calendar will be display highlighted by current month. </span>Here, users can select a month as needed <span lang="EN-US" style="mso-ansi-language: EN-US;">as shown by below screenshot</span>.

 [![roaster-month2.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-mdve9zzo.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster-month2.png)

 The schedules will be displayed based on the selected month <span lang="EN-US" style="mso-ansi-language: EN-US;">as shown by below screenshot.</span>

[![roaster-month3.png](https://kb.asseto.ai/uploads/images/gallery/2024-09/embedded-image-zb5utoql.png)](http://ec2-3-7-68-25.ap-south-1.compute.amazonaws.com/uploads/images/gallery/2024-08/roaster-month3.png)

<div class="page-content" dir="auto" id="bkmrk--1">---

</div>