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!

3 responses to “Expand the SP 2010 User Profile Info by Default”

  1. 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.

    • 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.

    • 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.

Leave a Reply

I've been low-key stressed about how to view the many email inboxes I have in Outlook in one view without having to scroll and hunt for new messages.

The 'macro' method in this video works great.

View Multiple Inboxes at Once in Outlook 365 https://youtu.be/NpFSsovHgVo via @YouTube

We help Department of Defense clients realize benefits such as faster decision making, total traceability, and automated updates by identifying targeted goals and putting an emphasis on a culture of adoption through buy-in by individual team members.

https://bit.ly/3IRc68a

How to: Create a report quickly from a #SharePoint list or library in the #PowerBI service
📈📉📊📈📉📊
https://bit.ly/3vbKfMD
#Microsoft365

Leverage Microsoft Project for the web with the Project Accelerator https://youtu.be/Hxr8dncHmT8 via @YouTube

Load More...