> ## 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.

# Set Up the Resource View

> Enable and configure the Nextedy GANTT resource view to display workload allocation for each team member or team directly below the Gantt chart.

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>;
};

<Frame>
  <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/1.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=3fe692a7941db4ba73313b3d697a9eb9" alt="Resource View panel showing per-user workload allocation rows below the Gantt chart" width="2304" height="1356" data-path="gantt/images/48001273631/1.png" />
</Frame>

The Resource View adds a grid below the Gantt timeline with one row per resource. Cell values indicate the effort assigned to each user, and hovering over a load cell reveals a tooltip with work item IDs or capacity details.

<Frame>
  <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/2.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=bf98b7a19bc854c8a148996e40a196e0" alt="Resource View cells with effort values per user and time period" width="454" height="244" data-path="gantt/images/48001273631/2.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/3.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=d74c18863132b21e19ff7beb9c2ba445" alt="Tooltip on a Resource View load cell showing work item IDs and capacity detail" width="454" height="244" data-path="gantt/images/48001273631/3.png" />
</Frame>

<Steps>
  <Step title="Enable the Resource View">
    1. Open the Gantt page in **Edit mode**.
    2. Click the widget gear icon to open **Widget Parameters**.
    3. In the **Resource View** section, set **Show Resource View** to **Yes**.
    4. Click **Apply**.

    Once enabled, additional parameters appear in the Resource View section.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/4.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=3a8dbdcdac380a0e0328763a87895625" alt="Resource View parameters in the Gantt Widget Parameters panel" width="966" height="1546" data-path="gantt/images/48001273631/4.png" />
    </Frame>

    <Note>
      Resource view sub-parameters such as View Height, Resource Field, and Resource Load Calculation only become visible after you set Show Resource View to Yes.
    </Note>
  </Step>

  <Step title="Configure Resource View Parameters">
    | Parameter                     | Description                                                                              | Default          |
    | ----------------------------- | ---------------------------------------------------------------------------------------- | ---------------- |
    | **Show Resource View**        | Enables the resource view panel                                                          | No               |
    | **Items per Resource**        | Maximum items per resource before overallocation is flagged (Leaf Items Count mode only) | 1                |
    | **View Height**               | Default pixel height of the resource view panel                                          | 250              |
    | **Resource Field**            | Work item field used to identify resources                                               | `assignee`       |
    | **Resource Label**            | Column header text for the resource list                                                 | -                |
    | **Show Unassigned**           | Display a row for work items with no assigned resource                                   | No               |
    | **Resource Load Calculation** | How workload values are computed in each cell                                            | Leaf Items Count |
  </Step>

  <Step title="Choose a Resource Load Calculation Mode">
    The Gantt offers four calculation modes for the resource view cells:

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/5.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=0b1b9ee83ff85379bb0becabe2a97f46" alt="Resource Load Calculation dropdown listing the four available calculation modes" width="918" height="372" data-path="gantt/images/48001273631/5.png" />
    </Frame>

    | Mode                      | What It Shows                                                                 | Best For                   |
    | ------------------------- | ----------------------------------------------------------------------------- | -------------------------- |
    | **Leaf Items Count**      | Number of leaf-level work items assigned per time period                      | Simple task counting       |
    | **Estimate + Spent**      | Remaining estimate plus time already spent, distributed across scheduled days | Full effort picture        |
    | **Remaining Estimate**    | Only future remaining effort, distributed from today onward                   | Forecasting remaining work |
    | **Assignment Allocation** | Percentage-based team allocation from team assignment work items              | Team capacity planning     |

    **Leaf Items Count** counts each leaf-level item as one unit. In the example below, the two leaf items each contribute a green cell marked "1" for their scheduled timeframe.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/6.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=8e4cde44ccc86f250f25284787cfb73e" alt="Leaf Items Count mode showing green cells marked 1 for each leaf-level work item" width="1514" height="698" data-path="gantt/images/48001273631/6.png" />
    </Frame>

    **Estimate + Spent** combines remaining estimate with time already spent and distributes it across the scheduled days, making it easy to spot overloaded team members.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/7.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=8f2fc368d57902e55cc6540d2a28b760" alt="Estimate plus Spent mode showing combined effort distributed across days" width="3392" height="876" data-path="gantt/images/48001273631/7.png" />
    </Frame>

    When 96 hours of combined effort are spread across 10 scheduled days, the Resource View shows a daily load of 9.6 hours for the assigned user.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/8.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=aadecc6dff1dea38631a4de8b06f3ea4" alt="Resource View cell showing 9.6 hours per day from 96 hours over 10 days" width="1722" height="876" data-path="gantt/images/48001273631/8.png" />
    </Frame>

    **Remaining Estimate** distributes only the future remaining effort across scheduled days. A 6-day remaining estimate spread across 10 calendar days yields a workload of 4.8 hours per day.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/9.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=54f083b8f9c1abab482d37bd04897e11" alt="Remaining Estimate mode showing 4.8 hours per day from a 6-day estimate over 10 days" width="1832" height="814" data-path="gantt/images/48001273631/9.png" />
    </Frame>

    **Assignment Allocation** shows percentage-based team allocation. A user assigned 35% in one team and 10% in another shows a combined 45% workload for that period; totals above 100% indicate overallocation.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/10.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=5d4e6d2dbf4ff7d15a2a1a84e3b3d517" alt="Assignment Allocation mode showing a combined 45 percent workload across two teams" width="1442" height="680" data-path="gantt/images/48001273631/10.png" />
    </Frame>

    <Tip>
      If your project tracks time spent, the Remaining Estimate mode gives you the most actionable view of outstanding work without inflating numbers with already-completed effort.
    </Tip>

    <Warning title="Resolution status affects calculation">
      The resource load calculation considers work item resolution status, not just time fields. If a work item is resolved, it may be excluded from certain calculation modes. Use Remaining Estimate mode if resolved items appear to inflate numbers in Estimate + Spent mode.
    </Warning>

    **Split the effort between multiple assignees.** By default, a task’s effort is shown in full for every assignee — a 4-day estimate appears as 4 days for each one.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/20.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=f06f1cb4d2359343a1cfa58cf4ca5b49" alt="Task effort shown in full for each of its multiple assignees by default" width="548" height="608" data-path="gantt/images/48001273631/20.png" />
    </Frame>

    To divide the effort equally between assignees instead, add `nextedy.gantt.multiAssignmentSameEffortForAll=false` to **Administration > Configuration Properties**.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/21.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=08bbfd295e59a43ecc9369d476d913a1" alt="Resource View with task effort split equally between multiple assignees" width="536" height="536" data-path="gantt/images/48001273631/21.png" />
    </Frame>
  </Step>

  <Step title="Show Unassigned Work Items">
    To see work items that have no resource assigned:

    1. Set **Show Unassigned** to **Yes** in the Resource View parameters.
    2. A dedicated row labeled "Unassigned" appears at the bottom of the resource view.

    This helps you identify unallocated tasks during sprint or release planning.

    **Show only users with tasks assigned.** Starting with version 24.1.1, the **Hide No Task Resources** button on the Gantt toolbar lets you collapse the list to resources that actually carry work. By default, all resources are shown.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/11.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=c40ea0417c75357e6cfeede6c806ad84" alt="Hide No Task Resources button on the Gantt toolbar" width="640" height="310" data-path="gantt/images/48001273631/11.png" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/12.jpeg?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=e51a80068b92efb0936688d176458119" alt="Resource View with all resources shown, including those without tasks" width="3018" height="1314" data-path="gantt/images/48001273631/12.jpeg" />
    </Frame>

    Toggling the button hides every resource that has no tasks from the Gantt page.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/13.jpeg?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=ab2ecc7c15c139807e863f0e9cb56dd2" alt="Resource View with task-less resources hidden after toggling Hide No Task Resources" width="3026" height="1104" data-path="gantt/images/48001273631/13.jpeg" />
    </Frame>
  </Step>

  <Step title="Adjust the View Height">
    You can set the initial panel height via the **View Height** parameter. After the Gantt loads, you can also resize the resource view by dragging the horizontal divider between the Gantt chart and the resource view.
  </Step>

  <Step title="Customize Marker Colors">
    Resource allocation markers use color coding to indicate capacity status:

    * **Green** cells indicate the resource is within capacity
    * **Red** cells indicate the resource is overallocated

    The default scheme uses green for acceptable allocation and red for overallocation.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/22.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=7c8df9855f0aca359f9ff652857d4656" alt="Default green and red allocation bubbles in the Resource View" width="1348" height="390" data-path="gantt/images/48001273631/22.png" />
    </Frame>

    You can customize these bubbles for a clearer, more intuitive allocation overview.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/23.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=9f16b622028e29503df0bcc989b8beb1" alt="Resource View with customized allocation bubble colors" width="1672" height="632" data-path="gantt/images/48001273631/23.png" />
    </Frame>

    With the dynamic approach, you define color thresholds via the Gantt Config Script or Configuration Properties — for example, lightgreen up to 50%, `#51c185` up to 100%, orange up to 150%, and `#ff8686` above 150%.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/24.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=6629905babed76517c6c5d3a4b107b20" alt="Resource View bubbles colored by allocation thresholds defined in the config script" width="1672" height="632" data-path="gantt/images/48001273631/24.png" />
    </Frame>

    Team overallocation color schemes let you distinguish global overload from in-team overload. Since version 25.4.1, this also works when defined via Configuration Properties at project or global level.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/25.jpeg?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=03bff582a247029384e8170449394df8" alt="Team overallocation color scheme distinguishing global overload from in-team overload" width="4061" height="848" data-path="gantt/images/48001273631/25.jpeg" />
    </Frame>

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/26.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=9b75113238c38d24652fd3e3efddaba3" alt="Example Resource View with global and in-team overload colors applied" width="1523" height="462" data-path="gantt/images/48001273631/26.png" />
    </Frame>

    With the static approach, a Script Block widget overrides the OK marker (default green bubble) and the overloaded marker (default red bubble) so you can apply any background-color and color combination.

    <Warning>
      The static CSS approach applies to **Leaf Items Count** and **Assignment Allocation** modes. For **Estimate + Spent** and **Remaining Estimate** modes, use the dynamic `resourceMarkersColorConfig` approach instead.
    </Warning>

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/27.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=2de5051df255e43637bbf78a0757c9b8" alt="Resource View with allocation markers restyled via a static Script Block widget" width="1506" height="880" data-path="gantt/images/48001273631/27.png" />
    </Frame>

    For full instructions, see [Configure Resource Allocation Marker Colors](/gantt/guides/visualization/resource-marker-colors).

    <Warning>
      When using Leaf Items Count mode, only leaf-level work items (those with no children) are counted. If you enable `onlyLeafTasks`, parent summary tasks are excluded from both the Gantt display and resource calculations.
    </Warning>

    Only Tasks and Work Packages that have no child items are counted as load for their assignees, so real, hands-on work is counted once per user and parent items are not double-counted.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/14.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=467127bad092b4e683823735bf0c0223" alt="Resource load counting only leaf-level Tasks and Work Packages, not parent items" width="2368" height="732" data-path="gantt/images/48001273631/14.png" />
    </Frame>

    To count higher-level items as well — useful when you intentionally track effort at multiple levels — set `nextedy.gantt.config.onlyLeafTasks=false` in **Widget Properties > Gantt Config Script**.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/15.jpeg?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=e7362c48b400183e4016c5a33a6a0b87" alt="Gantt Config Script with onlyLeafTasks set to false to count all items" width="2368" height="706" data-path="gantt/images/48001273631/15.jpeg" />
    </Frame>

    With that setting, all items are counted in the Resource View.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/16.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=4f6e9da19256a55717c0d0ecf100101b" alt="Resource View counting all items, including parent-level items" width="2368" height="732" data-path="gantt/images/48001273631/16.png" />
    </Frame>

    To skip specific tasks from the calculation — for example, keeping only Work Packages — add a rule to the Item Script such as `if(wi.getType().getId()==="task") { task.load=0; }`.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/17.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=0db70e583bd521e0fa13511bf474cf30" alt="Item Script setting task load to zero to exclude tasks from the Resource load" width="2368" height="732" data-path="gantt/images/48001273631/17.png" />
    </Frame>

    You can also calculate Resource Load globally while showing only the project timeline, so the load counts items from other projects too.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/18.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=42fa0ac1c4baf25b8d7e087b634da0a5" alt="Project timeline shown while Resource Load is calculated across multiple projects" width="2436" height="956" data-path="gantt/images/48001273631/18.png" />
    </Frame>

    Achieve this by querying items from multiple projects.

    <Frame>
      <img src="https://mintcdn.com/none-17b4493f/E5md2k2_IvgOAoTX/gantt/images/48001273631/19.png?fit=max&auto=format&n=E5md2k2_IvgOAoTX&q=85&s=b578f7cc3e41fdee68edd5735a515a7c" alt="Query configuration pulling work items from multiple projects for global Resource Load" width="952" height="662" data-path="gantt/images/48001273631/19.png" />
    </Frame>
  </Step>
</Steps>

## Verification

You should now see:

* A resource view panel below the Gantt chart with one row per assigned resource
* Workload values in each cell matching your chosen calculation mode
* Color-coded cells indicating within-capacity (green) and overallocation (red) states

## See Also

* [Configure Resource Fields](/gantt/guides/resources/resource-field-configuration)
* [Set Up a Cross-Team Gantt Chart](/gantt/guides/resources/cross-team-gantt)
* [Hide Inactive Resources](/gantt/guides/resources/resource-hiding)
* [Configure Resource Allocation Marker Colors](/gantt/guides/visualization/resource-marker-colors)
* [Filter by Resource and Allocation](/gantt/guides/filtering/filter-by-resource)

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