> ## Documentation Index
> Fetch the complete documentation index at: https://learn.nextedy.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Explore the Demo Project

> This tutorial walks you through installing and exploring the Nextedy GANTT demo project.

export const LastReviewed = ({date}) => {
  if (!date) return null;
  const formatted = new Date(`${date}T00:00:00Z`).toLocaleDateString("en-US", {
    year: "numeric",
    month: "long",
    day: "numeric",
    timeZone: "UTC"
  });
  return <p className="mt-10 text-sm text-gray-400 dark:text-zinc-500 not-prose">
      Last reviewed on {formatted}
    </p>;
};

## What You Will Achieve

After completing this tutorial, you will have:

* A demo Polarion project created from the Gantt Demo template
* A pre-configured Gantt chart with sample tasks, hierarchy, and dependencies
* Hands-on experience navigating the Gantt chart interface

## Prerequisites

* [Gantt installed](/gantt/getting-started/installation) on your Polarion server
* Polarion administrator access (required to create projects from templates)

<Steps>
  <Step title="Open the Gantt Administration Page">
    1. Log in to Polarion as an administrator
    2. Navigate to **Polarion Administration** (click the gear icon in the top navigation)
    3. In the left sidebar, select **Nextedy GANTT > Setup**

    You should see the Setup page, which confirms the add-on is installed, shows the installed and latest version, and provides **Download Page** and **Changelog** buttons plus on-screen instructions for creating the demo project.
  </Step>

  <Step title="Create the Demo Project">
    1. On the Setup page, follow the on-screen instructions to create a new project
    2. On the second page of the wizard, select the **Nextedy GANTT Demo** template from the project template list
    3. Enter a project name and complete the project creation wizard

    <Note title="Template Auto-Installation">
      The Nextedy GANTT Demo template is automatically registered in Polarion when the extension is installed. If you do not see the template in the project creation wizard, verify that the extension is properly installed by checking the [installation steps](/gantt/getting-started/installation).
    </Note>

    You should see a new project in your Polarion project list.
  </Step>

  <Step title="Open the Demo Gantt Chart">
    1. Open the newly created demo project
    2. In the left navigator, select **Gantt** (the demo's pre-configured Gantt page; it also appears under **Documents & Pages**)

    You should see a fully populated Gantt chart with:

    * Sample work items displayed as task bars on the timeline
    * Parent-child hierarchy showing grouped items
    * Dependency links drawn as arrows between related tasks
    * A toolbar with zoom controls, edit toggle, and action buttons
  </Step>

  <Step title="Explore the Gantt Interface">
    Take a few minutes to familiarize yourself with the key elements of the Gantt chart:

    | Element               | Description                                                         |
    | --------------------- | ------------------------------------------------------------------- |
    | **Task bars**         | Horizontal bars representing work items, positioned on the timeline |
    | **Grid columns**      | Left-side table showing work item details (ID, title, dates)        |
    | **Dependency arrows** | Lines connecting dependent tasks                                    |
    | **Today marker**      | Vertical red line indicating the current date                       |
    | **Toolbar**           | Top bar with zoom, edit, save, and filter controls                  |
    | **Footer**            | Bottom bar showing item count and version                           |

    Try these interactions:

    1. **Zoom in/out** using the toolbar zoom buttons or the hamburger menu > Set Scale
    2. **Scroll the timeline** by clicking and dragging the timeline background
    3. **Click a task bar** to see work item details in the sidebar
    4. **Expand/collapse** parent items by clicking the triangle icon next to their name

    <Tip title="Edit Mode">
      Click the **Edit** button in the toolbar to enter edit mode. In edit mode, you can drag task bars to reschedule, resize them to change duration, and create new dependency links by dragging between task connection points.
    </Tip>
  </Step>

  <Step title="Review the Widget Configuration">
    To understand how the demo Gantt is configured:

    1. Enter page edit mode (click **Edit** on the Polarion page)
    2. Click the widget **gear icon** to open the widget parameters
    3. Review the configured settings: Query, Type, Parent Role, Dependency Role, and Load Children

    This gives you a reference configuration you can replicate in your own projects.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/DDjWgCW2DWY5biNv/gantt/diagrams/getting-started/demo-project/diagram-1.svg?fit=max&auto=format&n=DDjWgCW2DWY5biNv&q=85&s=aa82fdfcf42473df71fb7fa63bbd3499" alt="diagram" style={{ maxWidth: "920px", width: "100%" }} width="920" height="60" data-path="gantt/diagrams/getting-started/demo-project/diagram-1.svg" />
    </Frame>
  </Step>
</Steps>

## What the Demo Includes

The demo project template pre-populates your project with:

* **Sample work items** of various types (epics, user stories, tasks) with dates and assignments
* **Dependency links** between work items showing finish-to-start relationships
* **A pre-configured Gantt wiki page** with the Work Items Gantt widget already set up
* **Parent-child relationships** demonstrating hierarchical display

<Info title="Verify in application">
  The exact contents of the demo project may vary by Gantt version. Explore the project's work items and plans to see all available sample data.
</Info>

## Next Steps

* [Set Up a Basic Gantt Chart](/gantt/getting-started/setup-basic-gantt) -- create your own Gantt widget in an existing project
* [Set Up a Plans Gantt Chart](/gantt/getting-started/setup-plans-gantt) -- configure the Plans Gantt for release-level planning
* [Create Your First Dependency Link](/gantt/getting-started/first-dependency) -- learn to create dependencies interactively
* [Licensing and User Access](/gantt/getting-started/licensing) -- configure user access and manage licenses

<LastReviewed date="2026-07-07" />