Expand the SP 2010 User Profile Info by Default
Out of the box, the SharePoint 2010 User Profile page uses a bit of Javascript to truncate the user’s bio info like Email, School etc. with a “more information” hyperlink that can be clicked to show all the info. The user’s bio/description text is also similarly semi-hidden on page load.
The following quick CSS hack can make both these detail areas fully visible by default, and also hide the “more information” / “hide information” hyperlink”:
1. Open the file in a plain text editor or CSS editor of choice.:
C:Program FilesCommon FilesMicrosoft SharedWeb Server Extensions14TEMPLATELAYOUTS1033STYLESmysitelayout.css
2. Paste the following CSS into
the bottom of the file:
/* IT Groove -
Added to keep the Show More Information/About Bio dialog in an opened state
initially */
#ctl00_PlaceHolderMain_ctl11_showHideLink
{
display:none;
}
.ms-contactcardtext3
{
display:block !important;
overflow:visible !important;
}
/* */
3. Save file. Users will have to press Ctrl-F5 or go into their browser and manually delete the file cache
for the changes to take effect. Avoid deleting users browser cookies when clearing cache to avoid frustrations, just clear the file cache.
Just remember, you’re modifying core SharePoint CSS which is most definitely not a best practice, but can do the trick for you in some circumstances!
CSS, JavaScript, profile info, SharePoint 2010, Style Sheets, User profile
Eric Akawie
Thanks! This was just the trick I needed!
Is there any way through CSS or other simple methods to change the way a profile property is displayed? For example, I’ve got a property of type HTML, and it just displays the HTML if I put it in the Profile, rather than rendering and interpreting the tags.
Keith Tuomi
Hi Eric,
This may be obvious – but are you sure you are clicking the “HTML > Edit HTML Source” dropdown link in the Ribbon Bar, when adding the HTML content to the HTML Profile Property field you have added?
If you are just pasting in HTML content directly it will render it literally.
Keith Tuomi
Hi Eric,
This may be obvious – but are you sure you are clicking the “HTML > Edit HTML Source” dropdown link in the Ribbon Bar, when adding the HTML content to the HTML Profile Property field you have added?
If you are just pasting in HTML content directly it will render it literally.