Tip | Using CSS for Snapshot Button states

Learn how to use CSS to create snapshot button states.

Updated at September 12th, 2024

Advice


In CSS you can set what a button will look like when pressed. To do this you have to have the “:pressed(1)” appended to the class that is applied to the button. 

For snapshots they actually have three states. 

  1. unsaved, unloaded
  2. saved, unloaded
  3. saved, loaded

If you follow the way buttons normally work you would use the “:pressed(1)”, but for snapshots you need to use “:pressed(2)” to make the UCI button reflect the correct state of saved and loaded snapshot. 

For more information on Setting Pressed Button Styles please see relevant section of the Help