Premium support for our pure JavaScript UI components


Post by ext_mkucanda »

Hi,

I wanted to hide ignoreResourceCalendar field from the users in the task editor dialog. I did it by having taskEditFeature prop provided like this:

return (
<BryntumGantt
  //...
  taskEditFeature={{ items: { advancedTab: { items: { ignoreResourceCalendarField: false } } } }}
/>
)

The UI now contains unexpected gap where resourceCalendarField was before. Is it possible to remove it?

Thank you for you help.

Attachments
Screenshot 2024-02-12 at 12.54.49.png
Screenshot 2024-02-12 at 12.54.49.png (156.51 KiB) Viewed 111 times

Post by ghulam.ghous »

Hi,

You can fix this issue by overriding the flex property of calendarField in the advanced tab. Following will work for your case:

taskEditFeature : {
            items : {
                advancedTab : {
                    items : {
                        calendarField : {
                            type   : 'calendarfield',
                            weight : 100,
                            ref    : '',
                            name   : 'calendar',
                            label  : 'L{Calendar}',
                            flex   : '0 0 calc(98% - var(--autocontainer-gap) / 2)'
                        },
                        ignoreResourceCalendarField : false
                    }
                }
            }
        }

Regards,
Ghous


Post by ext_mkucanda »

Hi,

Yes, this looks better, thank you :)


Post by ghulam.ghous »

I have also created a ticket here https://github.com/bryntum/support/issues/8534 to improve the implementation of advanced tab widths refactor. That will allow such configurations more smooth. You can subscribe to it keep track of updates.

Regards,
Ghous


Post Reply