search envelope-o feed check
Home Unanswered Active Tags New Question
user comment-o

Scheduler - How to add active areas to cells

Asked by Anonymous
1 year ago.
The following code shows a small red circle in the lower left corner of a cell (see please the attached image)
onBeforeCellRender: (args) => {
      args.cell.areas = [
        {          
          action: 'Bubble',
          bubble: new DayPilot.Bubble({
            zIndex: 500,
            onLoad: function(args) { args.html = 'test' }
          }),
          height: 6,
          width: 6,
          visibility: "Visible",
          bottom: 1,
          left: 1,
          style: "border: 1px solid red; border-radius: 5px; box-sizing: border-box; background-color: red;"
        }];
    },

I have therfore two issues:
1) How can I set a space between this active acrea and the event above?
2) How can I show a bubble? My code above doesn't seem to work

Answer posted by Dan Letecky [DayPilot]
1 year ago.

1. You can make space for the active areas at the bottom using the "rowMarginBottom" property :
https://api.daypilot.org/daypilot-scheduler-rowmarginbottom/

2. If you use the full crosshair mode the crosshair will block access to the cell content. In order to enable the "Bubble" action of cell active areas you would have to switch to "Header" mode.

See also:
https://doc.daypilot.org/scheduler/crosshair/

This question is more than 1 months old and has been closed. Please create a new question if you have anything to add.