# Customizing UI of Sunstone

**URL:** <https://forum.opennebula.io/t/customizing-ui-of-sunstone/931>\
**Category:** Integration Support\
**Created:** [June 25, 2015, 7:45am UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931 "2015-06-25T07:45:51Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![jitu960](https://avatars.discourse-cdn.com/v4/letter/j/9fc29f/32.png) [@jitu960](https://forum.opennebula.io/u/jitu960)\
**Post date:** [June 25, 2015, 7:45am UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/1 "2015-06-25T07:45:51Z")

</div>

I want to change UI of the Open Nebula Sun Stone. For that I need to change the html files but don’t know the location of these files. Can someone help me locate these html files.

---

<div class="post-metadata">

**Author:** ![VURoland](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.opennebula.io/vuroland/32/7682_2.png) [@VURoland](https://forum.opennebula.io/u/VURoland)\
**Post date:** [June 25, 2015, 7:41pm UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/2 "2015-06-25T19:41:27Z")

</div>

You can customize the appearanceof buttons and tabs in Sunstone, or replace logo’s with your own, see:  
[http://docs.opennebula.org/4.12/administration/sunstone\_gui/suns\_views.html](http://docs.opennebula.org/4.12/administration/sunstone_gui/suns_views.html)

hope this is what u meant ?

---

<div class="post-metadata">

**Author:** ![jose.lopez](https://avatars.discourse-cdn.com/v4/letter/j/f9ae1b/32.png) [@jose.lopez](https://forum.opennebula.io/u/jose.lopez)\
**Post date:** [June 5, 2020, 7:52am UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/3 "2020-06-05T07:52:01Z")

</div>

Hello, I know that this is an old topic but I’m posting here to avoid creating a new one.

I would like to modify some html (erb) and CSS files. After editing them I have restarted the sunstone service in my vonecloud appliance but changes doesn’t appear, do I need to compile or somthing similar in order to update changes?

Thanks

---

<div class="post-metadata">

**Author:** ![jose.lopez](https://avatars.discourse-cdn.com/v4/letter/j/f9ae1b/32.png) [@jose.lopez](https://forum.opennebula.io/u/jose.lopez)\
**Post date:** [June 5, 2020, 11:36am UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/4 "2020-06-05T11:36:33Z")

</div>

Answering myself:

In order to see if changes on erb files are applied I needed to restart the httpd service in my vonecloud appliance.

---

<div class="post-metadata">

**Author:** ![feldsam](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.opennebula.io/feldsam/32/4441_2.png) [@feldsam](https://forum.opennebula.io/u/feldsam)\
**Post date:** [June 5, 2020, 1:18pm UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/5 "2020-06-05T13:18:38Z")

</div>

If you do changes in JS and CSS files, you need to rebuild assets

```auto
npm install
export PATH=$PATH:$PWD/node_modules/.bin

grunt --gruntfile ./Gruntfile.js sass
grunt --gruntfile ./Gruntfile.js requirejs
cp -f dist/main.js dist/main-dist.js

```

---

<div class="post-metadata">

**Author:** ![dhirajkpathak](https://avatars.discourse-cdn.com/v4/letter/d/9f8e36/32.png) [@dhirajkpathak](https://forum.opennebula.io/u/dhirajkpathak)\
**Post date:** [September 27, 2021, 10:52pm UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/6 "2021-09-27T22:52:31Z")

</div>

Hi,  
I am trying to customize some Javascript and HTML file e.g, adding an row to datatable, But changes doesn’t reflect/appear in the webapp UI.  
I’ve tried changing env value from ‘prod’ to ‘dev’ and restarting opennebula-sunstone, It works for ‘erb’ file (e.g sunstone/views/\_login\_standard.erb) but doesn’t work for other JS files (e.g sunstone/public/app/tabs/vms-tab/datatable.js).  
So how can we make changes in JS & HTML file in development mode.  
Thanks!

---

<div class="post-metadata">

**Author:** ![Rahul\_Sharma](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.opennebula.io/rahul_sharma/32/7093_2.png) [@Rahul\_Sharma](https://forum.opennebula.io/u/Rahul_Sharma)\
**Post date:** [September 30, 2021, 5:01am UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/7 "2021-09-30T05:01:11Z")

</div>

Hello @ahuertas @rdiaz@ruben  
Could you help on the above query?  
Blocked with the sunstone UI enhancement.  
Thanks in advance!!

---

<div class="post-metadata">

**Author:** ![ahuertas](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.opennebula.io/ahuertas/32/7487_2.png) [@ahuertas](https://forum.opennebula.io/u/ahuertas)\
**Post date:** [October 6, 2021, 7:47am UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/8 "2021-10-06T07:47:05Z")

</div>

Hello guys,

You just need to:

- Set Sunstone to `dev` mode.
- Restart Apache or Sunstone depending on what you are using.
- Clear the browser cache, just in case there is anything left from previous build.

Best,  
Álex.

---

<div class="post-metadata">

**Author:** ![Rahul\_Sharma](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.opennebula.io/rahul_sharma/32/7093_2.png) [@Rahul\_Sharma](https://forum.opennebula.io/u/Rahul_Sharma)\
**Post date:** [October 6, 2021, 10:01am UTC](https://forum.opennebula.io/t/customizing-ui-of-sunstone/931/9 "2021-10-06T10:01:01Z")

</div>

Thanks @ahuertas it’s working!  
Don’t know why but earlier Public-\> app folder changes in js were not reflecting with the same process mentioned by you.  
Well it is working now!!

Could you please share the steps for the prod as well, it would be much helpful and appreciated.
