pill switch

Here is a simple way to create a pill switch without javascript. All you need is a calculated value that changes a boolean document property and some css to change the look and feel of it. The boolean doc property can then trigger another script when this property changes.

calculated value custom expression:
If(${myDocProp},"      ⚫","⚫      ") as [click to toggle]

The colors can be changed with the calculated values rules

html
<span class='pill'> calculated value goes here </span>

<style>
.pill {
 white-space:pre;
 border:1px solid #dfdfdf;
 cursor: pointer;
 background: #efefef;  
 border-radius: 100px;
}
</style>