Our flexible Kanban board for managing tasks with drag drop


Post by vasudha »

Hi,
this css i'm using to hide bryntum button but I want to use my custom class .please provide solution :

.b-button {
  --button-border-opacity: none !important;
  padding: 0 0em !important;
  background-color: tokens.$sds-ref-color-base-white !important;
}

Here is code

{
            ref: 'zoomToFitButton',
            html: (
              <IconButton buttonVariant="secondary-white">
                <ZoomInMap />
              </IconButton>
            ),
            tooltip: intl.formatMessage({ id: 'ZoomToFit' }),
            onAction: (props: any) => {
              const gantt = props.source.parent.parent.parent;
              gantt.zoomToFit();
            },
          },

Post by mats »

Just set hidden to true like so:

{
            ref: 'zoomToFitButton',
           hidden : true,
            html: (
              <IconButton buttonVariant="secondary-white">
                <ZoomInMap />
              </IconButton>
            ),
            tooltip: intl.formatMessage({ id: 'ZoomToFit' }),
            onAction: (props: any) => {
              const gantt = props.source.parent.parent.parent;
              gantt.zoomToFit();
            },
          },[code]

[/code]


Post Reply