Home > 멀티 버전 > 스타일3
싱글(single) 형식 스타일 설정 예제입니다.
설명

dx5.create 함수를 사용하여 컴포넌트 생성 시점의 파라미터(style)를 'single'로 설정한 예제입니다.

싱글 형식은 단 하나의 파일만 전송이 가능하도록 만들어진 컴포넌트입니다.

가상 파일을 허용하지 않으므로, 항시 신규 파일 등록 화면으로만 사용됩니다.

 

컴포넌트 스타일은 setUIStyle 함수를 사용합니다.

// 파라미터로 스타일 속성이 정의된 json 객체를 넘겨야 합니다.	
dx.setUIStyle({ ... });

// 예시
dx.setUIStyle({
  backgroundColor: "#FF0000",
  itemFontColor: "00FF00",
  ...
});

DEXTUploadX5 멀티 버전은 HTML5 기반으로 동작합니다.

그러나 컴포넌트 화면을 그리는 기술은 HTML이 아닌 SVG 기술을 사용하고 있습니다.

SVG는 브라우저마다 렌더링 되는 결과물이 조금씩 다를 수 있으며, 벡터 그래픽을 기반으로 하기 때문에, pixel 단위로 GUI 레이아웃을 처리하기가 쉽지 않습니다.

그러므로 선 굵기와 같은 부분의 미려한 차이는 제품 수준에서 보완되기 어려움이 있습니다.

예제

 

 

배경 설정

 

글자 설정