--- title: Add a top banner to Hue! author: admin type: post date: 2015-03-26T17:05:02+00:00 url: /add-a-top-banner-to-hue/ sf_thumbnail_type: - none sf_thumbnail_link_type: - link_to_post sf_detail_type: - none sf_page_title: - 1 sf_page_title_style: - standard sf_no_breadcrumbs: - 1 sf_page_title_bg: - none sf_page_title_text_style: - light sf_background_image_size: - cover sf_social_sharing: - 1 sf_sidebar_config: - left-sidebar sf_left_sidebar: - Sidebar-2 sf_right_sidebar: - Sidebar-1 sf_caption_position: - caption-right categories: - Administration - Development --- We have already seen in this post how you can configure Hue in your cluster. But did you know that there’s a property that can make a top banner appear in your Hue installation? [][1] This is quite useful if you want for instance to show a disclaimer to your users, or to clearly mark a testing or production environment, or if you want to display some dynamic information there. Depending on if you are using Cloudera Manager or not, you should either add a safety valve or edit a .ini file to use this feature. For details on how to change the configuration, read here. In the desktop/custom section of the ini file you can find the banner_top_html property:
[desktop]

[[custom]]

\# Top banner HTML code

banner_top_html=

Then it’s just a matter of writing some HTML/CSS and even Javascript code to customized it as you prefer. Keep in mind that you have a limited height to do that (30px). For instance, to write a the same message you see on demo.gethue.com, you can write this:
[desktop]

[[custom]]

\# Top banner HTML code

banner_top_html='
This is Hue 3.11 read-only demo - Read more about it or open a sample query!
'
Or we could even use a very old HTML tag to display a running ticker!
[desktop]

[[custom]]

\# Top banner HTML code

banner_top_html='Welcome to the test environment.'

[][2]. Pretty cool, uh? Now it’s your turn to create something useful with it! As usual feel free to comment on the [hue-user][3] list or [@gethue][4]! [1]: https://cdn.gethue.com/uploads/2015/03/Screenshot-2015-03-23-16.33.12.png [2]: https://cdn.gethue.com/uploads/2015/03/Screenshot-2015-03-23-18.56.32.png [3]: http://groups.google.com/a/cloudera.org/group/hue-user [4]: https://twitter.com/gethue