Try our conversational search powered by Generative AI!

How to add a tooltip to a property added in CMS?


I need some description to be displayed when I hover on a property

public virtual XhtmlString Title { get; set; }

How can I do it?

Jun 26, 2020 9:12

Use the this attribute, with Description set.

[Display(Name = "Title",
   Description = "My title tooltip",
   Order = 100,
   GroupName = SystemTabNames.Content)]
public virtual XhtmlString Title { get; set; }
Jun 26, 2020 9:29

Tomas is correct, also I find personally tooltips on hover for description text to be not user friendly as users will not neccessary realise. If you add this CSS in to your client resources ( CSS file

/*  Set property descriptions to be visible */
.Sleek .dijitTabPaneWrapper .epi-form-container__section__row label[title]:after,
.Sleek .epi-createContent .epi-form-container__section__row > label[title]:after {
    content: attr(title);
    display: block;
    font-size: 0.8em;
    font-style: normal;
    margin: 0.3em 0 0 0;

The descriptions will be shown on the title on the left of the property in the editor (for all properties editing view).

Jun 26, 2020 12:01
Tomas Hensrud Gulla - Jun 26, 2020 12:05
Excellent tip! I would personally prefer: font-style: italic;

Like in this example:
This topic was created over six months ago and has been resolved. If you have a similar question, please create a new topic and refer to this one.
* You are NOT allowed to include any hyperlinks in the post because your account hasn't associated to your company. User profile should be updated.