[nexacro] 넥사크로 CSS 관련 정리

 

넥사크로 스튜디오 Explorer

• Project Explorer: 작업 중인 프로젝트의 구성요소 확인
• Resource Explorer: 작업 중인 프로젝트의 리소스(이미지, 테마, css 등)을 확인

 

---

Resource Explorer

NexacroTheme

• 넥사크로 스튜디오 설치 시 기본으로 제공되는 테마
  압축형태로 제공되며 삭제 불가
• 해당 파일은 수정 할 수 없지만 theme 하위에 복사본을 생성해서 수정 적용 가능

Theme

• 프로젝트 내에 추가로 사용하는 xcss는 보통 여기 있음. xcss파일을 수정하면 ../_resource_/_theme_/ 하위에 있는 브라우저별 css 파일도 자동으로 generate

 

---

컴포넌트에 CSS 적용

• 컴포넌트 속성 중 cssclass에 .XCSS에 정의된 classname을 설정

조건에 따라 CSS 변경

• 보통 컴포넌트의 style 속성은 expr이 안 먹히는 경우가 많아서 cssclass 속성에 expr을 사용해서 처리