Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

When we were looking to Reload Reactor, one of the first cabs off the rank was finding a good JavaScript library to build a new calendar with a modern interface. We weren’t looking long before we stumbled upon the dHTMLx suite of libraries, in particular the Scheduler.

https://dhtmlx.com/docs/products/dhtmlxScheduler/

It looks great just out of the (black) box, but as FileMaker developers, we’re all accustomed to the ability to customise the heck of whatever we build. This article demonstrates how to customise a demo BlackBox, to seamlessly integrate it into your FileMaker application.

...

Then find the the dhx_cal_event_line class and change/add the border-radius property like so:

Code Block
.dhx_cal_event_line{

...


    padding-left:10px;

...


    cursor:pointer;

...


    overflow:hidden;

...


    border-radius: <?Reactor $event_bar_curve Reactor?> !important;

...

 
}

The <?Reactor Reactor?> tags just tell Reactor to interpret everything within, which in this instance is simply a parameter name. This line will grab the event_bar-curve parameter, and by the time it makes it to the web-viewer, will take the place of the Reactor tags.

...