# View Tab

## Content

The **VIEW** tab of the GanttSheet offers a range of functionalities to enhance the user experience and customization options to manage Gantt charts effectively.

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.9d20a8.png?width=900)

### Sort Options

The **Sort** button available in the **Data** group provides options to arrange GanttSheet data according to specific criteria for better organization and analysis.
There are three predefined sorting options, such as *by Start Date*, *by End Date*, and *by Task Number*. To customize, select **Sort by...** and apply the required option from the Sort dialog as shown below.

* Ascending
* Descending
* Keep Outline Structure
* Permanently Renumber Tasks

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.f0caf1.png?width=280)

For more information on the sorting feature, you can also refer to GanttSheet > [Sort](/spreadjs/docs/v17/).

### Zoom Options

The zoom feature enables you to adjust the level of magnification for the Gantt chart. It allows you to get a zoom-in or zoom-out view of the project data.
You can apply the following zoom options:

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.d63a3d.png?width=280)

### Timescale Settings

The **Timescale** setting is present inside the **Zoom** group of the **VIEW** tab. It represents the column header of a Gantt chart and allows you to configure the presentation of time intervals within the Gantt chart.

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.b1f0dd.png?width=350)

You can select the required timescale intervals from the list. However, if you select the **Timescale...** option, you can modify the display of timescale information by selecting the appropriate tier and formatting options from the related tab page.

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.317529.png?width=600)

Additionally, you can define non-working time in the Gantt chart to get more flexibility when scheduling and allocating resources. Non-working time can be displayed before, after, or without the task bar, and also has options to change the colors and patterns for better visual distinction.

![image](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/d37fbce1-6a37-43ce-b728-dd79fba68421/image.6e25a1.png?width=600)

For more information about timescale and non-working time, you can also refer to [Gantt Chart Components](/spreadjs/docs/v17/features/ganttsheet/gantt-chart-components) and [Non-Working Time](/spreadjs/docs/v17/features/ganttsheet/non-working-time).