Form
# radio (.radio-wrap 영역이 float:left 로 정렬되어 있음)
1) input 만 있는 경우 : span 태그로 감싼 후, padding 클래스로 간격 조정
radio2) 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))
Disabled
부모 요소에 .blind-bg 클래스가 있을 때 (disabeld)
select-wrap 으로 쌓여 있지 않은 경우
CRF TYPE 2) 입력할 수 있는 경우 (원래 select-wrap 로 감싸져 있지 않고 input 만 있었으나 추가하여 수정
# Input
※ height: 34px
Input text
Date
~Age
textarea (auto height)
(table)
3 |
|
|
File
최소 사이즈 width: 300px; 입니다.


type 1
type 2 (list)
type 3
download
# Button & Icons
※ height: 32px
A Basic Button Color (.button)
green dark-gray orange cyan blue ruby magentaTable List Button (min-width:95 (padding 포함))
eCRF Status (quick menu)
A Small Button (.button.small)
Button ButtonJquery UI Button
input.ui-button (60*24)
input.ui-helper-hidden-accessible
#attachDownload