Form


# radio (.radio-wrap 영역이 float:left 로 정렬되어 있음)

1) input 만 있는 경우 : span 태그로 감싼 후, padding 클래스로 간격 조정

radio

2) radio-wrap 으로 감싸져 있는 경우 (crf)
radio-wrap 에 float:left 적용되어 있으나 block 정렬로 보이는 이유는 width:100% 이기 때문에 → width 값으로 block/inline 정렬
.radio-wrap 요소들 마지막에는 꼭 div.clear를 넣어야 한다.



inline 정렬하려면,

# checkbox



# select

※ height: 34px


※ default




CRF TYPE 1) 클릭 시 popup

- select-btn 의 높이를 스크립트에서 잡아주는 것 같아서 HTML 에도 동일하게 적용했음.
해당 스크립트 소스는 개발 전달 시 삭제(user-common.js //개발 전달 시 삭제 (only html))

[NotSelected]


Recovered/Resolved with sequelae


Disabled



부모 요소에 .blind-bg 클래스가 있을 때 (disabeld)

[NotSelected]


select-wrap 으로 쌓여 있지 않은 경우

[NotSelected]


CRF TYPE 2) 입력할 수 있는 경우 (원래 select-wrap 로 감싸져 있지 않고 input 만 있었으나 추가하여 수정

# Input

※ height: 34px


Input text









Date

~

Start Date
~
End Date

Age

textarea (auto height)


(table)

3

File

최소 사이즈 width: 300px; 입니다.

* Up to 5 attachments.
menu-edc.png
Foot.zip (4.79MB)
DICOM_sample_20170220.zip (45.41MB)


type 1



type 2 (list)

type 3


download

originalFilename download preview

# Button & Icons

※ height: 32px


A Basic Button Color (.button)

green dark-gray orange cyan blue ruby magenta

Table List Button (min-width:95 (padding 포함))


eCRF Status (quick menu)


A Small Button (.button.small)

Button Button

Jquery UI Button

input.ui-button (60*24)

input.ui-helper-hidden-accessible


#attachDownload