Premium support for our pure JavaScript UI components


Post by manirajan s »

Hello team,
How to disable zoom and date range while user right clicks on the date column in resource histogram?

Following is the source code of feature property :

features={{
        headerMenu: {
          items: {
            multiSort: null,
            groupAsc: false,
            groupDesc: false,
            hideColumn:false,
          }
        },
        regionResize: false,
      }}
 
Attachments
Screenshot 2025-04-15 160429.png
Screenshot 2025-04-15 160429.png (30.78 KiB) Viewed 91 times

Post by tasnim »

Hi,

To disable the zoom and date range options in the context menu when right-clicking on the date column in a Resource Histogram, you can customize the timeAxisheaderMenu feature by setting the zoomLevel and dateRange items to { disabled : true }. Here's how you can modify your code:

        timeAxisHeaderMenuFeature = {{
            items : {
                zoomLevel : { disabled : true },
                dateRange : { disabled : true }
            }
        }}

This will disable the zoom and date range options from the timeAxis header menu.

Best regards,
Tasnim

How to ask for help? Please read our Support Policy


Post by manirajan s »

Hi, the timeAxisHeaderMenuFeature that you mentioned is not working.
This is how we are importing the BryntumResourceHistogram and these are the versions of gantt used.

import { BryntumGantt, BryntumResourceHistogram } from "@bryntum/gantt-react";
"@bryntum/gantt": "5.5.0",
"@bryntum/gantt-react": "5.5.0",

Post by marcio »

Hey manirajan s,

What error are you getting when using the timeAxisHeaderMenuFeature ?

Any chance to update to a newer version?

Best regards,
Márcio

How to ask for help? Please read our Support Policy


Post Reply