guide:component:checkbox:checkbox_focusrect [xFrame5 TechNet]

이 문서는 읽기 전용입니다. 원본을 볼 수는 있지만 바꿀 수는 없습니다. 문제가 있다고 생각하면 관리자에게 문의하세요.

====== focusrect_type 속성 ======

이 화면은 체크박스의 focusrect_type 설정 샘플 화면이다.

focusrect_type값에 따라 텍스트의 마진값에 대한 표시가 상이하게 표시된다.

focusrect_type가 2:text인 경우, 텍스트영역에 <b>내부적으로 좌우 border 1px, padding 1px</b>이 더해져서 표시된다.

text_margin 미설정시, focusrect_type가 1:box이면 텍스트 왼쪽이 <b>4px</b> 패딩되고, 2:text이면 왼쪽이 <b>2px</b> 패딩된다. (left_text가 true이면 오른쪽)

관련 속성으로 focusrect_type, text_margin, horz_align, left_text가 있다.

관련 API로 getfocusrecttype, setfocusrecttype, gettextmargin, settextmargin, gethorzalign, sethorzalign, getlefttext, setlefttext가 있다.

===== 예시 =====

템플릿 위치: /HTML5/COMPONENT/CHECKBOX/checkbox_focusrect

템플릿 파일
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/CHECKBOX/checkbox_focusrect.xml|checkbox_focusrect.xml]]
  * [[xf5projecthome>template/screen/HTML5/COMPONENT/CHECKBOX/checkbox_focusrect.js|checkbox_focusrect.js]]
  * [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/CHECKBOX/checkbox_focusrect|새창으로 실행]]

<php>
echo '<html>';
echo '<iframe src="';
echo $conf['plugin']['xf5']['xf5projecthome'], 'template/template.html?';
echo 'xframe_screen_url=/HTML5/COMPONENT/CHECKBOX/checkbox_focusrect"';
echo ' class="_xf5_iframe"';
echo ' style="';
echo $conf['plugin']['xf5']['xf5iframestyle'];
echo '">';
echo '</iframe>';
echo '</html>';
</php>

==== 화면 스크립트 ====

<sxh javascript>

</sxh>