Active area not working for multiple column row headers

Asked by WS
5 years ago.

Hello,
I tried the simple tutorial that is available to get the active area working. How can I have it working on a specific column of my row header?

Also, there seems to be an issue with the svg image icons https://doc.daypilot.org/scheduler/event-icons/. If you download the trial tutorial, non of the svg images appear on the events.

Answer posted by Dan Letecky [DayPilot]
5 years ago.

> I tried the simple tutorial that is available to get the active area working. How can I have it working on a specific column of my row header?

If you define custom row header columns (rowHeaderColumns) you can define the active areas for each column individually using args.row.columns[x].areas (where "x" is the column number, zero-based).

See also:
https://api.daypilot.org/daypilot-scheduler-onbeforerowheaderrender/

> Also, there seems to be an issue with the svg image icons https://doc.daypilot.org/scheduler/event-icons/. If you download the trial tutorial, non of the svg images appear on the events.

Could you please post an URL of the demo/tutorial which doesn't work as expected?

Comment posted by Dan Letecky [DayPilot]
5 years ago.

Thanks for the update!

This doesn't work if you run the demo on the locale filesystem. The Scheduler loads the svg symbols using <svg><use href='...' /></ svg> which is blocked for the local file system because of the default cross-origin policy. If you run it on a web server it will work fine. Please let me know if the problem persists.

The daypilot.svg file appears empty if you open it in a browser because the sprites are defined as symbols - they are not part of the visible document.

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