how can i custoize useDetailPopup useCreationPopup ui templete in ReactJs?
shakil-brl opened this issue · comments
Version
Type definitions for TOAST UI Calendar v1.15.3
TypeScript Version: 3.2.1
calendarInstRef.current.on("clickSchedule", function (event) {
alert(JSON.stringify(event.schedule));
var schedule = event.schedule;
});
how can I pass html or overtight this ui
I am using react and nextjs now I want to customize this useDetailPopup with different HTML/CSS UI ,
Expected Behavior
@shakil-brl
It doesn't have an option to customize the default popup.
But you can make your own popup and handle it on certain events.
Please refer to this comment.
How can i get this position style in clickSchedule ?
calendarInstRef.current.on("clickSchedule", function (event) { alert(JSON.stringify(event.schedule)); var schedule = event.schedule; //setShow(true); **HERE** });
https://nhn.github.io/tui.calendar/latest/Calendar#event-clickSchedule
There's an event property. so that you can access the native MouseEvent. Get the coordinates from that event.
How can I customize this section with custom html elements
Thank you for your help
There are only 'week.timegridSchedule.borderRadius' and 'week.timegridSchedule.paddingLeft' properties in theme options. you can modify them. and Try to override CSS of tui-full-calendar-time-schedule class and their children. you can find them with the browser devtools.