diff --git a/ej2-asp-core-mvc/chat-ui/EJ2_ASP.MVC/header.md b/ej2-asp-core-mvc/chat-ui/EJ2_ASP.MVC/header.md
index d90ac815b2..6dd58c64df 100644
--- a/ej2-asp-core-mvc/chat-ui/EJ2_ASP.MVC/header.md
+++ b/ej2-asp-core-mvc/chat-ui/EJ2_ASP.MVC/header.md
@@ -153,6 +153,8 @@ You can use the `Tooltip` property to specify the tooltip text to be displayed o
 {% endhighlight %}
 {% endtabs %}
 
+![TooltipText](images/tooltip-text.png)
+
 #### Setting CSS Class
 
 You can use the `CssClass` property to customize the header toolbar item.
diff --git a/ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/header.md b/ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/header.md
index be3e47daa1..1e7f97fc7a 100644
--- a/ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/header.md
+++ b/ej2-asp-core-mvc/chat-ui/EJ2_ASP.NETCORE/header.md
@@ -153,6 +153,8 @@ You can use the `tooltip` property to specify the tooltip text to be displayed o
 {% endhighlight %}
 {% endtabs %}
 
+![TooltipText](images/tooltip-text.png)
+
 #### Setting CSS Class
 
 You can use the `cssClass` property to customize the header toolbar item.
diff --git a/ej2-asp-core-mvc/chat-ui/images/tooltip-text.png b/ej2-asp-core-mvc/chat-ui/images/tooltip-text.png
new file mode 100644
index 0000000000..777d5e4fe0
Binary files /dev/null and b/ej2-asp-core-mvc/chat-ui/images/tooltip-text.png differ