Change Button Stroke Color

This tutorial is specific to our newest product, Hudl Sportscode. If you’re on Sportscode v11, use these resources instead or upgrade today.


Changing the stroke col­or (out­line) of a but­ton is anoth­er way for users to cus­tomize the code win­dow. Though stroke col­or has no tech­ni­cal effect on the time­line, it can be used to improve the visu­al inter­face. This is espe­cial­ly use­ful when build­ing out­put reports.

  1. Click into Edit Mode

  2. Open the inspec­tor win­dow by dou­ble-click­ing the but­ton or click­ing once and open­ing Inspector.

  3. Open the Appearance tab.

  4. Click and hold the col­ored box next to Stroke col­or.

  5. Move your cur­sor to the desired col­or and release.