react-big-scheduler icon indicating copy to clipboard operation
react-big-scheduler copied to clipboard

How to center current time

Open ardaplun opened this issue 6 years ago • 2 comments

currently in day mode, current time are on the left, how can I center that by default. And also how can I add current time indicator like line or something?

ardaplun avatar Jan 07 '19 04:01 ardaplun

@ardaplun Hi, you can set Scheduler.leftCustomHeader to center current time:

<Scheduler schedulerData={viewModel}
                               leftCustomHeader={<div />}
                               prevClick={this.prevClick}
                               nextClick={this.nextClick}
                               onSelectDate={this.onSelectDate}
                               onViewChange={this.onViewChange}
                               eventItemClick={this.eventClicked}
                               viewEventClick={this.ops1}
                               viewEventText="Ops 1"
                               viewEvent2Text="Ops 2"
                               viewEvent2Click={this.ops2}
                               updateEventStart={this.updateEventStart}
                               updateEventEnd={this.updateEventEnd}
                               moveEvent={this.moveEvent}
                               newEvent={this.newEvent}
                    />

image 1

and use nonAgendaCellHeaderTemplateResolver to indicate current time, see this demo

StephenChou1017 avatar Jan 07 '19 08:01 StephenChou1017

thanks, but I mean something like this image

So we know what time are now.

@ardaplun Hi, you can set Scheduler.leftCustomHeader to center current time:

<Scheduler schedulerData={viewModel}
                               leftCustomHeader={<div />}
                               prevClick={this.prevClick}
                               nextClick={this.nextClick}
                               onSelectDate={this.onSelectDate}
                               onViewChange={this.onViewChange}
                               eventItemClick={this.eventClicked}
                               viewEventClick={this.ops1}
                               viewEventText="Ops 1"
                               viewEvent2Text="Ops 2"
                               viewEvent2Click={this.ops2}
                               updateEventStart={this.updateEventStart}
                               updateEventEnd={this.updateEventEnd}
                               moveEvent={this.moveEvent}
                               newEvent={this.newEvent}
                    />

image 1

and use nonAgendaCellHeaderTemplateResolver to indicate current time, see this demo

ardaplun avatar Jan 10 '19 05:01 ardaplun