Page 1 of 1

How do I hide the title of a list from a form?

Posted: 25 Apr 2019
by samsteinig
Hi,

I need to remove/hide the Title of my list from the Display form, or at least not make it clickable. Can you let me know how to do this?

See screenshot here:

https://www.dropbox.com/s/yu2644d8nd9cy ... e.JPG?dl=0

Re: How do I hide the title of a list from a form?

Posted: 29 Apr 2019
by AlexZver
Hi!

Please make use of Developer Tools of Chrome browser (F12) to detect the class or id of this element on the form:

Use the "Inspect it" option and point to the title you want to hide:
Screenshot_142.png
Screenshot_142.png (3.52 KiB) Viewed 56662 times
In code it will be shown like this:
Screenshot_143.png
Screenshot_143.png (2.92 KiB) Viewed 56662 times
Copy "id" or "class" attribute.

Then go to the Forms Designer and open the CSS Editor:
Screenshot_144.png
Screenshot_144.png (3.8 KiB) Viewed 56662 times
Then add this CSS rule:

1) for id:

Code: Select all

#IdName {
    display:none;
}
2) for class:

Code: Select all

.ClassName {
    display:none;
}
Do not forget to replace IdName or ClassName with the id or class attribute you copied before.

Re: How do I hide the title of a list from a form?

Posted: 01 May 2019
by samsteinig
Thanks!

The class was .PageTitle, so I did the following:

.PageTitle {
display:none;
}

and that worked. Hopefully this will help anyone else who wants to hide the list title.

Thanks again.

Sam