Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to add icons to Jenkins Blue-Ocean Pipelines Stages and Parameters form?

How can we make visual updates to the Pipelines and Parameter forms?

Pipeline

  • I'd like to add visual representation on each of the steps
    • Maybe add an icon to the descriptions
    • Show the stage names in bold or other ways to highlight

screen shot 2018-10-31 at 3 16 33 pm

Parameters form

  • Each of the form descriptions are very hard to read as the list of parameters grow.

screen shot 2018-10-31 at 3 16 33 pm

Questions

  • Is it possible to add images?
  • Is it possible to add icons or bold text to the pipeline stages?
  • It it possible to add icons or bold text to the parameters form?
like image 736
Marcello de Sales Avatar asked Oct 15 '25 20:10

Marcello de Sales


1 Answers

Workaround with Caveat

  • There's no simple plugin that supports formatting the blue-ocean pipeline stages and form.
  • I could add icons to both the Pipeline Stage names and Parameters form using unicode characters and it actually gives a visual aid to all the values.

This is NOT a complete solution but a nice workaround for our requirements: using the unicode emojis in the values. Since Java Strings supports unicode values in Strings, Jenkins can handle the values properly.

I used the site https://emojipedia.org to select which values to use. For instance, the value for https://emojipedia.org/ship/ is 🚢.

The only caveat is that emojis have a different visual representation on different devices as described at emojipedia.org.

Jenkins Pipeline with Icons

screen shot 2018-11-02 at 5 22 02 pm

Jenkins Parameters form with Icons

screen shot 2018-11-02 at 5 22 17 pm

like image 163
Marcello de Sales Avatar answered Oct 18 '25 15:10

Marcello de Sales



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!