magritton
6/4/2016 - 1:53 AM

This collapses large text boxes in a SharePoint list.

This collapses large text boxes in a SharePoint list.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript">
if(typeof jQuery=='undefined'){
 var jQPath = '/_layouts/1033/custom/jquery.min.js'
 document.write('<script src="',jQPath,'" type="text/javascript"><\/script>');
}
</script>
<style type="text/css">
.expandText  {height:auto;}
.collapseText  {height:26px;overflow:hidden}
</style>
<script type="text/javascript">
function ExpGroupRenderData(htmlToRender, groupName, isLoaded) {
    $("#tbod"+groupName+"_").attr("isloaded",isLoaded)
  .html(htmlToRender)
  .show("fast",collapseText("#tbod"+groupName+"_"));
}
function collapseText(group){
 if (!group) group = "#MSO_ContentTable";
 var html = "<img alt='collapseText' style='cursor:pointer;' src='/_layouts/images/menudark.gif'/>";
 $(group+" td.ms-vb2 > div").each(function(i,e){
  $(e).css({display:"inline-block"});
  if (e.clientHeight > 35){
   $(e).toggleClass("collapseText")
   .prepend(html);
  }
 });
 $(group+" img[alt='collapseText']").click(function(event){
  $(event.target).parent().toggleClass("collapseText");
 });
}
$(function() {
 collapseText();
});
</script>