There seems to be a trait associated with the Multi-Line Text list column type in that it floats the <p> element containing the text in the middle of the cell. Why this is, I know not. I do know that most people like their table values generally vertical-aligned to the top of the cells they reside in.
The vertical alignment not being butted up to the top is a symptom of the out-of-the-box SP 2010 Multi-Line data value class. I corrected it by applying the following CSS class to my custom branding:
.ms-listviewtable p
{
margin-top:0px;
}
All your Multi-Line list column values should now appear with the <p> element wrapping them aligned to the top of their table cell.
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!
