# Colourful bullets in Discover section

**URL:** <https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062>\
**Category:** Kibana\
**Created:** [February 22, 2021, 11:50am UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062 "2021-02-22T11:50:11Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![ankitdevnalkar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ankitdevnalkar/32/46158_2.png) [@ankitdevnalkar](https://discuss.elastic.co/u/ankitdevnalkar)\
**Post date:** [February 22, 2021, 11:50am UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/1 "2021-02-22T11:50:11Z")

</div>

Can we show the following image like bullets for particular entries? For example, I have a field to show the 'Priority' of a log such as HIGH, CRITICAL, LOW. I want to show a red bullet when priority is CRITICAL, orange when priority is HIGH, and yellow when priority is LOW.

Do I required to add Unicode from Logstash or it can be done from Kibana itself ?

 ![Selection_098](https://us1.discourse-cdn.com/elastic/original/3X/3/4/3487f88ae04c940594818d943df34dba9cefed23.png)

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [February 22, 2021, 1:14pm UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/2 "2021-02-22T13:14:35Z")

</div>

You can probably use the "url" field formatter in image mode which is configured as part of the index pattern. Put images of your colored dots onto a webserver, then configure the priority field in your index pattern to use the url field formatter and point to the image on your webserver: [String field formatters | Kibana Guide [7.11] | Elastic](https://www.elastic.co/guide/en/kibana/current/field-formatters-string.html)

---

<div class="post-metadata">

**Author:** ![ankitdevnalkar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ankitdevnalkar/32/46158_2.png) [@ankitdevnalkar](https://discuss.elastic.co/u/ankitdevnalkar)\
**Post date:** [February 22, 2021, 1:44pm UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/3 "2021-02-22T13:44:30Z")

</div>

@flash1293 Can I also show the or priority and a dot in same field with "url" field formatter? (The same way showing in image, first green/red dot and then online/offline)

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [February 22, 2021, 2:03pm UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/4 "2021-02-22T14:03:11Z")

</div>

You mean having a separate column with the text value? You should be able to do this by using a scripted field to "copy" the priority into a new field, then showing this in a separate column besides the image-formatted column

---

<div class="post-metadata">

**Author:** ![ankitdevnalkar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ankitdevnalkar/32/46158_2.png) [@ankitdevnalkar](https://discuss.elastic.co/u/ankitdevnalkar)\
**Post date:** [February 22, 2021, 2:24pm UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/5 "2021-02-22T14:24:56Z")

</div>

Alright!  
I tried to upload an image `INFO.png` and here is my URL formatter configurations and result. I am not sure why it is breaking somehow.  
Uploaded on server :  
 ![uploaded](https://us1.discourse-cdn.com/elastic/original/3X/f/c/fc513bb90722cf6660191dff371146fcc493ef32.png)

URL formatter:

 ![url-formatter](https://us1.discourse-cdn.com/elastic/original/3X/9/4/94808dcdc6cf92ac47755c1f334b3e2ee5ecbb73.png)

result in discover :  
 ![result-in-discover](https://us1.discourse-cdn.com/elastic/original/3X/7/3/7349b47823da855ff418091a5f779aa9b5d4e8fd.png)

---

<div class="post-metadata">

**Author:** ![flash1293](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/flash1293/32/41227_2.png) [@flash1293](https://discuss.elastic.co/u/flash1293)\
**Post date:** [February 22, 2021, 2:28pm UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/6 "2021-02-22T14:28:16Z")

</div>

Kibana is suited to be the webserver here - it's not able to serve custom files (beyond the Javascript bundles for the UI). You need a separate webserver to store these images (like apache or nginx). They don't have to be located on the same machine, everything will do.

Then you need to reference them using http (as they are loaded by the browser)

---

<div class="post-metadata">

**Author:** ![ankitdevnalkar](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/ankitdevnalkar/32/46158_2.png) [@ankitdevnalkar](https://discuss.elastic.co/u/ankitdevnalkar)\
**Post date:** [February 22, 2021, 2:35pm UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/7 "2021-02-22T14:35:56Z")

</div>

Okay got it! I will try to create a separate Apache server to host those images and check.  
By the way @flash1293 wish you a happy Elastic community anniversary to you 🙂

---

<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:** [March 22, 2021, 2:36pm UTC](https://discuss.elastic.co/t/colourful-bullets-in-discover-section/265062/8 "2021-03-22T14:36:47Z")

</div>

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