CMS 12 - Property description - no label

Karol Berezicki

Vote:

Having property defined like below results in slightly different view for editors in CMS 11 and CMS 12.

    [CultureSpecific]
    [Display(
        Name = "Title bar",
        Description = "The title bar displayed above the content.",
        GroupName = SystemTabNames.Content,
        Order = 1)]
    public virtual string Title { get; set; }

In CMS 11 the description is shown both as a label and a tooltip.

However in CMS 12 it's only available as a tooltip.

Is this something that can be enabled as an option or this feature is missing from CMS 12?

#276748

Mar 19, 2022 23:29

Sebastian Enberget

Vote:

Hi,

Having the description shown as label is not by default. That is some customization that someone most likely did in your solution a while ago.

Here Alf Nilsson shows how it is done in 11 and earlier: https://talk.alfnilsson.se/2014/12/18/display-help-text-in-on-page-editing/

And this post shows how you can do it a little different: https://beendaved.blogspot.com/2016/09/simple-approach-to-tooltip-icons-for.html (just FYI if someone else reads and are interested)

I have not done this for CMS 12, but I guess it should be pretty similar

#276749

Mar 20, 2022 8:37

Karol Berezicki

Vote:

Hi @Sebbe, you are right, thank you!

The style required is as follows:

.Sleek .dijitTabPaneWrapper .epi-form-container__section__row label[title]:after {
    content: attr(title);
    display: block;
    font-size: 0.8em;
    font-style: italic;
    margin: 0.3em 0 0 0;
}

In the Foundation project I just needed to add it to /ClientResources/Styles/Styles.css, everything else was already configured in /module.config

#276751

Mar 20, 2022 10:25

Karol Berezicki - Mar 21, 2023 14:23

Due to changes in Episerver UI, the approach above no longer works, however there's a new CSS for this, more info here:
https://world.optimizely.com/blogs/scott-reed/dates/2023/3/restoring-help-text-for-display-name/