# Adding description to url field

**URL:** <https://discuss.elastic.co/t/adding-description-to-url-field/363497>\
**Category:** Kibana\
**Tags:** maps\
**Created:** [July 21, 2024, 12:55pm UTC](https://discuss.elastic.co/t/adding-description-to-url-field/363497 "2024-07-21T12:55:46Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![eran2](https://avatars.discourse-cdn.com/v4/letter/e/73ab20/32.png) [@eran2](https://discuss.elastic.co/u/eran2)\
**Post date:** [July 21, 2024, 12:55pm UTC](https://discuss.elastic.co/t/adding-description-to-url-field/363497/1 "2024-07-21T12:55:46Z")

</div>

Hey, I would like to add a description to url field to show it tooltip, for example:  
Google: [www.google.com](http://www.google.com)  
I Have a WebsiteDescription field (Google)  
and Website field (which is URL in dataview)  
appreciate for help

---

<div class="post-metadata">

**Author:** ![jsanz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jsanz/32/53734_2.png) [@jsanz](https://discuss.elastic.co/u/jsanz)\
**Post date:** [July 22, 2024, 7:54am UTC](https://discuss.elastic.co/t/adding-description-to-url-field/363497/2 "2024-07-22T07:54:45Z")

</div>

Take a look at the options in the Data Views UI to format a URL, the maps application will honor the field formatter.

For example, take the `DestWVeather` field in the Kibana Flights sample dataset and create a URL that searches for the value in the duckduckgo search website. Using the `{{value}}` placeholder in both URL and Label:

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/0/1/011e352e721277c510f920f15dea7dab26df98a6.png)

Then in the Maps app, add the `DestWeather` field as a tooltip and check the field formatter is honored.

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/2/b/2b99d9803ec25b5225cab2eba2b0c37807a84a95.png)

---

<div class="post-metadata">

**Author:** ![eran2](https://avatars.discourse-cdn.com/v4/letter/e/73ab20/32.png) [@eran2](https://discuss.elastic.co/u/eran2)\
**Post date:** [July 22, 2024, 9:27am UTC](https://discuss.elastic.co/t/adding-description-to-url-field/363497/3 "2024-07-22T09:27:34Z")

</div>

Hi, Thanks for the info. it was very helpful.  
Other question but in the same object.  
I have field with image base64 DestinationCountryFlag (tiny logo of the country flag) , and other field with DestinationCountryName.  
I would like to see it in the tool tip as the name of the country and the logo of the country flag next to it. For example  
United States Of America ![image](https://us1.discourse-cdn.com/elastic/original/3X/d/8/d8c1330fb3474e31321ba440ae69f12bb60ebc2b.png)

---

<div class="post-metadata">

**Author:** ![jsanz](https://sea2.discourse-cdn.com/elastic/user_avatar/discuss.elastic.co/jsanz/32/53734_2.png) [@jsanz](https://discuss.elastic.co/u/jsanz)\
**Post date:** [July 22, 2024, 10:30am UTC](https://discuss.elastic.co/t/adding-description-to-url-field/363497/4 "2024-07-22T10:30:20Z")

</div>

Tooltips don't allow that level of customization, I'm afraid.

On the other hand I don't think embedding images in field formatters is allowed in Kibana. You can only render images from URL as in the following example

Create a new field in the Flights dataset with a custom label, emiting the `DestCountry` field and using the URL formatter with the Image variant

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/a/6/a61c3c345e19b1605877ae0c883f05dc9a0c580b.png)

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/4/1/41543aea08d07eaade80935e15356dab39392b43.png)

And the map

 ![image](https://us1.discourse-cdn.com/elastic/original/3X/b/0/b0cc2c40f009b93b9993a5a5faf6eb2d7e21ad11.jpeg)

It is not a workaround but if instead of an encoded image you had an emoji flag, then you would be able to put name and flag together with a runtime field that concatenates them.

---

<div class="post-metadata">

**Author:** ![eran2](https://avatars.discourse-cdn.com/v4/letter/e/73ab20/32.png) [@eran2](https://discuss.elastic.co/u/eran2)\
**Post date:** [July 22, 2024, 10:43am UTC](https://discuss.elastic.co/t/adding-description-to-url-field/363497/5 "2024-07-22T10:43:11Z")

</div>

Thanks for the help. appreciate it