CSS Link Add¶
목적¶
CSS 파일을 등록하여
여러 UI에 공통 스타일을 한 번에 적용하기 위해 사용한다.
주요 단계¶
1. "CSS Link Add" 버튼 클릭¶
Document UI에서 "CSS Link Add" 버튼을 클릭한다.
<사진 1> "ROOT" 속성의 "CSS Link Add" 버튼
2. URL 등록창 생성¶
- "CSS Link Add" 버튼을 눌러
CSS URL 등록창을 원하는 만큼 생성한다.
<사진 2> “CSS 링크 추가” 버튼으로 CSS MIME 라인 추가
3. MIME Repository에서 CSS 파일 선택¶
- "MIME Repository" 버튼을 눌러 CSS 파일 등록창을 연다.
<사진 3> "MIME Repository" 버튼
4. CSS 파일 URL 복사¶
- 원하는 CSS 파일을 선택한 후
"URL Copy" 버튼을 클릭하여 URL을 복사한다.
<사진 4> CSS 파일 URL 복사
5. 복사한 URL 붙여넣기¶
- 복사한 URL을
Link CSS MIME URL 등록창에 붙여넣는다.
<사진 5> Link CSS MIME URL 등록 필드에 URL 붙여넣기
6. URL 삭제¶
- 삭제하려는 URL을 선택한 후
"CSS Link Del" 버튼을 클릭한다.
<사진 6> 삭제할 URL을 선택하고 “CSS 링크 삭제” 버튼을 클릭
7. CSS 파일 적용¶
- UI의 Property에서
styleClass항목에
CSS 클래스명을 입력한다. (예: btn01)
<사진 7> UI Property의 styleClass에 CSS 클래스 입력 (예: btn01)
8. Application 실행 및 확인¶
- Application 실행 후 CSS가 정상 적용되었는지 확인한다.
<사진 8> CSS가 적용된 화면