The first thing that was done was including bootstrap.min.js in the static files of your TOM.
The bootstrap files can be downloaded from the
bootstrap website. Just extract the zip, and add the file to the
directory in your TOM.
Next, a custom facility module was created. The module has two classes,
CustomLCOObservationForm, both of which inherit from Toolkit interfaces in
facility.py. You can see what methods were overridden
To make the accordion,
django-crispy-forms were used to render the form as an
Finally, the TOM Toolkit templatetag facility_observation_form was used to render the
form by adding it to our overridden
target_detail.html. We overrode the template by
target_detail.html to templates/tom_targets.
If you'd like to read more, a more detailed tutorial can be found in the
TOM Toolkit documentation