# Dynamic background colour **URL:** \ **Category:** Tips and Techniques\ **Tags:** ui\ **Created:** [March 21, 2024, 2:13am UTC](https://the.fmsoup.org/t/dynamic-background-colour/4048 "2024-03-21T02:13:46Z")\ **Posts on this page:** 4\ **Page:** 1
**Author:** ![rivet](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/rivet/32/1727_2.png) [@rivet](https://the.fmsoup.org/u/rivet)\ **Post date:** [March 21, 2024, 2:13am UTC](https://the.fmsoup.org/t/dynamic-background-colour/4048/1 "2024-03-21T02:13:46Z")
I needed to create a badge/label with a dynamic width/background. I was able to achieve this using two line of text stacked. ![bg](https://canada1.discourse-cdn.com/flex030/uploads/fmsoup/original/2X/2/2ce62227b0608c9fbb1bb1f6320cf9aaa8851c2b.gif) ![dynamic-background-colour-snap](https://canada1.discourse-cdn.com/flex030/uploads/fmsoup/original/2X/a/ae0e9a702a176cff3754a427346fb634f2b978a5.png) [dynamic-background-colour.fmp12.zip](https://the.fmsoup.org/uploads/short-url/etkpSIq3CJg9RbkYAmbFMNIKJXu.zip) (84.8 KB) ---
**Author:** ![weetbicks](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/weetbicks/32/206_2.png) [@weetbicks](https://the.fmsoup.org/u/weetbicks)\ **Post date:** [March 21, 2024, 9:48pm UTC](https://the.fmsoup.org/t/dynamic-background-colour/4048/2 "2024-03-21T21:48:55Z")
very ingenious ! ---
**Author:** ![Malcolm](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/malcolm/32/196_2.png) [@Malcolm](https://the.fmsoup.org/u/Malcolm)\ **Post date:** [March 23, 2024, 12:57am UTC](https://the.fmsoup.org/t/dynamic-background-colour/4048/3 "2024-03-23T00:57:53Z")
OK! Now I get it. That's a very clever implementation. ---
**Author:** ![jwilling](https://yyz2.discourse-cdn.com/flex030/user_avatar/the.fmsoup.org/jwilling/32/256_2.png) [@jwilling](https://the.fmsoup.org/u/jwilling)\ **Post date:** [April 2, 2024, 9:30pm UTC](https://the.fmsoup.org/t/dynamic-background-colour/4048/4 "2024-04-02T21:30:27Z")
What the... that's amazing