Jenkins UI customization

Manu picture Manu · Sep 10, 2013 · Viewed 10.4k times · Source

I want to change the look and feel(ui customization) of Jenkins. Also I would like to add new views(say like new html pages or web pages) with navigation to the required jenkins pages etc.

Please let me know if any single plugins will help me to do so.Any relevant information(how ever generic) will be very helpful. Any suggestions or links or tutorials is also appreciated.

PS:- Pretty new to jenkins.The inputs from here will help me to add more details to the questions.

I am looking for documents or tutorials that specify Skinning Jenkins using plugins like :-

https://wiki.jenkins-ci.org/display/JENKINS/Simple+Theme+Plugin
https://wiki.jenkins-ci.org/display/JENKINS/jQuery+Plugin
https://wiki.jenkins-ci.org/display/JENKINS/jQuery+UI+Plugin
https://wiki.jenkins-ci.org/display/JENKINS/JSWidgets+Plugin

The plugin page is providing very little information on how to use these and the benefits and the extend to which the UI can be changed.

Any doc or link is appreciated.

Answer

Tim Boudreau picture Tim Boudreau · Oct 23, 2013

Assuming you don't want to write a Jenkins plugin, for adding pages, the best suggestion I can make is to use an HTTP proxy such as NginX, and configure it so that the pages you want to add are plain html files, and Jenkins is proxied for the rest of them. To a visitor, they will look like they are all part of the same site; you could copy code from the head and body sections of Jenkins-served pages to include some of the navigation.

The Simple Theme Plugin, which you found, will let you do basic customization of the look and feel of Jenkins. I do that for my build server and proxy it using this configuration fragment for NginX. The relevant CSS is in this CSS file - toward the end, look for the // JENKINS CUSTOMIZATION comment.