[]
DEMOS DOC DESIGNER API
DOWNLOAD
(Showing Draft Content)

Project Tab

The PROJECT tab has options to manage selected projects and calendar information.

SpreadJS Designer PROJECT tab providing project information and calendar commands for managing dates, scheduling properties, and working-time settings in a GanttSheet.

Project Information

The Project Information button, present in the Properties group, enables you to modify the project's start date, finish date, current date, status date, and calendar type.

SpreadJS Designer Project Information dialog containing start, finish, current, and status date fields plus the project calendar selection for GanttSheet scheduling.

  • Start date: Represents the initiation date of the project, which impacts the overall project timeline calculation.


    SpreadJS GanttSheet reflecting the configured project start date used to calculate the project timeline and schedule task dates.

  • Current date: Represents the present date. The green line is the most visible depiction of the current date in the Gantt chart. If you make any changes to the current date using the UI, the current date indication line will relocate.


    SpreadJS GanttSheet showing a green Current Date gridline positioned on the project timeline according to the configured current date.

  • Status date: Represents the project's status-reporting date. The Status Date gridline can use this date to mark the reporting point in the Gantt chart. A Progress Line can also use the status date as its reference date.

    SpreadJS Designer Project Information dialog showing the Status Date field used by the GanttSheet Status Date gridline or Progress Line reference date.

    If a Progress Line is set to use the project status date but no status date is specified, the current date is used as the effective reference date.

  • Calendar: Represents the available work calendar formats applicable to the project. There are three predefined work calendars available for selection, such as Standard, Night Shift, and 24 Hours. You can also create or modify calendar information with the Change Working Time button.


    SpreadJS Designer project calendar control listing Standard, Night Shift, and 24 Hours work calendars for configuring GanttSheet scheduling behavior.

Change Working Time

The Change Working Time button, available in the Properties group, enables you to create a new calendar or manage the selected calendar information with the following steps:

  1. In the Change Working Time dialog, select which calendar information you want to modify from the For Calendar dropdown.


    SpreadJS Designer Change Working Time dialog with the For Calendar dropdown used to select which GanttSheet work calendar developers want to modify.


    You can also create your own base calendar by selecting Create New Calendar... on the top right corner of the Change Working Time dialog.


    SpreadJS Designer Create New Calendar command in the Change Working Time dialog for defining a custom base calendar for project scheduling.


  2. Check the specific working hours of the day by selecting different dates.


    SpreadJS Designer Change Working Time dialog displaying the working hours associated with a selected calendar date for reviewing the project schedule.


  3. Select a period under the Work Weeks section to customize special working hours.


    SpreadJS Designer Work Weeks section with a calendar period selected before developers open its details to customize special project working hours.


  4. Click the Details button to open the Details for work week dialog where you can modify the default working hours for a work week.


    SpreadJS Designer Details for work week dialog providing day selection and working-time options for modifying the selected project calendar’s default weekly schedule.


  5. Select the days in the Select day(s) section and then choose the desired options to set the working hours based on the selection.

To know more about calendar settings, you can also refer to the Calendar Settings page.

For more information about Status Date gridlines and Progress Lines, see Gridlines and Progress Line.