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
26 days 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]
24 days 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/

New Reply
This reply is
Attachments:
or drop files here
Your name (optional):