# Kibana UI customization and changes in home page

**URL:** <https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960>\
**Category:** Kibana\
**Created:** [May 4, 2020, 11:46am UTC](https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960 "2020-05-04T11:46:45Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Potter\_Ginny](https://avatars.discourse-cdn.com/v4/letter/p/e19adc/32.png) [@Potter\_Ginny](https://discuss.elastic.co/u/Potter_Ginny)\
**Post date:** [May 4, 2020, 11:46am UTC](https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960/1 "2020-05-04T11:46:45Z")

</div>

Hello there,

We updated the Kibana UI just by modifying some text to see if our changes will reflect, since we initially wanted to add more elements/ components on the home page such as more texts and links.

In this specific case, we edited the sentence _(highlighted below)_ and put exclamation marks at the end instead of a period, saved the js file, and restarted our Kibana service. We tried multiple times, however, we still didn't see any changes in the following UI.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/c/e/ced08c4cb913d36492bb5d72c73645132fa3ff0e.png)

Does anyone here know what updates or changes we need to do more just to edit Kibana's UI? Specifically, we looked into this [js](https://github.com/elastic/kibana/blob/v7.1.1/src/legacy/core_plugins/kibana/public/home/components/add_data.js) file for the text we're trying to modify. What else should be done to compile/ run/ save the changes we made? Are there further dependencies or setups to be considered?

Thanks a lot!

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [May 4, 2020, 9:44pm UTC](https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960/2 "2020-05-04T21:44:19Z")

</div>

You also need to delete the optimize folder in order for Kibana to regenerate the UI bundles. Otherwise, for development i would really recommend running kibana in dev mode from source and then you can just change the code and it will be displayed on a refresh, without having to restart the server

---

<div class="post-metadata">

**Author:** ![Potter\_Ginny](https://avatars.discourse-cdn.com/v4/letter/p/e19adc/32.png) [@Potter\_Ginny](https://discuss.elastic.co/u/Potter_Ginny)\
**Post date:** [May 5, 2020, 2:00am UTC](https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960/3 "2020-05-05T02:00:55Z")

</div>

Hi @Marius_Dragomir,

Where could the optimize folder be located? We're using 7.1.1 version of Kibana.  
Also, we were just directly editing the js files in notepad since that's the editor we only have in our server and we don't usually need to customize the UI. We normally just edit Kibana's yml & web.config file for its configurations.  
Thanks for addressing this concern!

---

<div class="post-metadata">

**Author:** ![Marius\_Dragomir](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/marius_dragomir/32/42087_2.png) [@Marius\_Dragomir](https://discuss.elastic.co/u/Marius_Dragomir)\
**Post date:** [May 5, 2020, 11:45am UTC](https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960/4 "2020-05-05T11:45:45Z")

</div>

It should be next to the bin folder of Kibana. It depends on what package you used and what OS are you using.

---

<div class="post-metadata">

**Author:** ![Potter\_Ginny](https://avatars.discourse-cdn.com/v4/letter/p/e19adc/32.png) [@Potter\_Ginny](https://discuss.elastic.co/u/Potter_Ginny)\
**Post date:** [May 7, 2020, 7:08am UTC](https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960/5 "2020-05-07T07:08:23Z")

</div>

Thanks @Marius_Dragomir! This resolved our problem 😊

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/elastic/original/3X/1/a/1ac57faf039f6b580b3f104ef42a2a89e41014de.png) [@system](https://discuss.elastic.co/u/system)\
**Post date:** [June 4, 2020, 7:08am UTC](https://discuss.elastic.co/t/kibana-ui-customization-and-changes-in-home-page/230960/6 "2020-06-04T07:08:25Z")

</div>

This topic was automatically closed 28 days after the last reply. New replies are no longer allowed.
