Calling Lightbox but a button on top bar?

Scheduler Javascript
#1

Hello everyone,

Would it be feasible to have a button on the toolbar that calls the scheduler lightbox and doesn’t require clicking on the timeline to make it appear?

Then how to ?

Thanks you a lot

#2

Sorry for bothering everyone. I found it:

Style

.scheduler_control{
			background: #ededed;
			text-align: center;
			height: 40px;
		}

		.scheduler_control input[type=button],
		.scheduler_control input[type=file],
		.scheduler_control input[type=checkbox],
		.scheduler_control button{
			font: 500 14px Arial;
			border: 1px solid #D9D9D9;
			border-radius: 2px;
			background: #fff;
			padding: 4px 12px;
			margin: 0 5px;
			color: rgba(0,0,0,0.7);
			line-height: 20px;
		}

		.scheduler_control input[type=button]:hover,
		.scheduler_control button:hover{
			border: 1px solid #B3B3B3;
			color: rgba(0,0,0,0.8);
			cursor: pointer;
		}

Then Make a function:

Script

function addevent(){
                scheduler.addEventNow();
            };
    
            //call for the button on top
            scheduler.event(document.querySelector("[name='custom']"), "click", addevent);

and call it from HTML

<div class="buttons scheduler_control">
	<label>Option:</label>
    <input type="button" name="custom" value="Add line"/>
</div>

hope can help everyone

1 Like