Column Width 늘리기 및 설명글자 크기 조정하기

아래 그림처럼, Column의 Width를 늘리고(여기에서 예제는 = DropDown Choice 필드) 설명글자 크기를 조정하는 방법에 대해 설명드립니다.

 

 

1. 우선 해당 목록에 가서, 상단에 양식웹파트에서 편집하고 싶은 양식을 선택합니다.(여기서는 기본새양식으로 설명합니다.)

 

2. 양식작성 폼 상단에 콘텐츠편집기 웹파트를 하나 꺼내놓습니다.

 

HTML 원본 편집으로 여셔서

아래 코드를 삽입하시고, 글자크기를 키울 컬럼명과 크기를 아래 빨간색 부분에 입력하시면 됩니다.

(단, 한글 컬럼은 소스보기로 컬럼명을 가져오셔야 합니다.)

 

<script language="javascript" type="text/javascript">

_spBodyOnLoadFunctionNames.push("customFields");

function customFields() {
   var control = getTagFromIdentifierAndTitle("select","DropDownChoice","Test");
   control.parentNode.parentNode.style.fontSize="22px";
}

function getTagFromIdentifierAndTitle(tagName, identifier, title)
{
   var len = identifier.length;
   var tags = document.getElementsByTagName(tagName);
   for (var i=0; i < tags.length; i++)
   {
      var tempString = tags[i].id;
      if (tags[i].title == title && (identifier == "" || tempString.indexOf(identifier) == tempString.length - len))
        {
         return tags[i];
         }
    }
   return null;
}

</script>

<style type="text/css">
.ms-RadioText {
 width:100%;
}
</style>