How to setup Custom UI Theme for Jenkins - TechBeginner

Welcome to TechBeginner.in, Tech Beginner provides technical blog for Online Linux Tutorials, Ubuntu Tutorials, Redhat Tutorials and CentOS 7, Configuration of server like Web Server, Application server, Database server, Window server, networking, html, css, java script, php, wordpress, opencart, magento, joomla and etc.

How to setup Custom UI Theme for Jenkins

Share This
In this post, We will configure Jenkins theme using "jenkins-material-theme" , To do that use the following steps.

Step 1:- You need to open the Jenkins Portal by using the web address, In my case I have setup and configured port with 8080, After that You will get the web page look like this, Then You need to enter the username and password to login in your Jenkins Panel.




Step 2:- After successful login in Jenkins portal, First you need to install simple theme jenkins's plugin, To do that you need to click on Manage Jenkins Jenkins screenshot given below.



Step 3:- Once You have clicked on Manage Jenkins and Then You should get web page like this, To install simple theme you need to click on manage plugin as per the screenshot. 




Step 4:- Now the time has come to click on available tab and than You need to search simple theme, screenshot given below.




Step 5 :- If you type simple theme You should get plugin called simple Theme, You just select and click on Download Now and Install after restart button screenshot given below.




Step 6 :- After successful installation of simple theme, You should login again your Jenkins panel to get changes.




Step 7:- Now you need to get css url from official website http://afonsof.com/jenkins-material-theme/ as well as can upload your logo and you will get the css url from afonsof.com, To get more information visite the given link. 

http://afonsof.com/jenkins-material-theme/

You need to follow the given steps on http://afonsof.com/jenkins-material-theme/ and copy the link of generated css url which will be used in simple theme plugin which we have recenlty installed.




Step 8:- Once you have copied CSS link, Now you need to save in simple theme configuration, To do that you need to click on manage jenkins on Jenkins web page and then you need to click configure system screenshot given as below.


Click on configure system



Step 9:- You should get the Theme option to save the css url, You find the Theme option and then add the css url screenshot given below.



Paste the css url and click on apply and save.



Your Jenkins configuration is completed, To get effects click on Jenkins home button.



Now you can see the you have pretty look of the Jenkins panel.

19 comments:

  1. Steps that included in this blog are very easy to understand even if you are a new to linux Commands

    ReplyDelete
  2. Simply discovered your site through google and I consider it’s a shame that you’re not ranked greater since this is a implausible post. To alter this I decided to avoid wasting your web site to my RSS reader and I will try to mention you in one of my posts since you really deserv extra readers when publishing content of this quality. website design la

    ReplyDelete
  3. peanut butters are very tasty, the only problem is that i have some very bad peanut allergy“ los angeles web design

    ReplyDelete
  4. Great information, better still to find out your blog that has a great layout. Nicely done web design agency

    ReplyDelete
  5. Thanks for taking the time to discuss this, I feel strongly about it and love learning more on this topic. If possible, as you gain expertise, would you mind updating your blog with extra information? It is extremely helpful for me. learn more

    ReplyDelete
  6. I am really loving the theme/design of your blog. US Citizen Travel to Turkey , you can get to enter the country visitors from Turkey will have to first obtain a valid visa before traveling. When your application form is complete, the system will allow you a date and time for the interview in which you will have to appear.

    ReplyDelete
  7. incredible post I must tell and do a lot for the data. The instruction is undoubtedly the best sticky on this valuable topic.. You can read online kenya entry requirements through kenya e-visa.

    ReplyDelete
  8. Thanks for sharing great information. Keep sharing such useful information... Who wish to travel in India can easily apply for an Indian visa. India has now reopened tourism. Indian visa online for US citizens, ​30 Days Tourist E-Visa (30 Days E-Tourist Visa ETA validity is 120 days from the date of grant) has been reinstated with immediate effect

    ReplyDelete
  9. Listed here you'll learn it is important, them offers the link in an helpful webpage: check this link

    ReplyDelete
  10. Thanks for sharing excellent information. Keep sharing such useful information.. The process of applying for an Indian visa application is simplified through the India visa online. Applicants no longer need to visit any Indian embassy or consulate to apply for their visa.

    ReplyDelete
  11. Thank you . Your articles are very informative . Keep writing. The Government of Ukraine grants the e-visa online. And now you can easily know about the facts related to the Ukraine visa fees?. The Ukraine visa fee is dependent on your nationality and type of e-visa which one you choose.

    ReplyDelete
  12. Wow.. Very informative article thanks for sharing please keep it up.. emergency tourist visa India, you can easily apply for a India tourist visa online. Within 5 to 10 minutes you can fill your visa form online.

    ReplyDelete
  13. wow sir, that's what i was looking for, what stuff! Do you know how to fill out the Turkey visa application form? You can fill online within 5 to 10 minutes. Just fill in your complete personal details in the Turkish visa application form.

    ReplyDelete
  14. Good afternoon sir, Many people ask, How to apply Indian e visa? You can read about applying for an Indian e visa eta through our website.

    ReplyDelete
  15. Thanks a lot , I'm truly grateful for this article. Yes, This is exactly the same article that I've been looking for. Turkey visa for Indians citizens, is a visa specially for an Indian person. With the help of this visa all the Indians citizens who are thinking about visiting Turkey can easily visit Turkey.

    ReplyDelete