맨위로가기
 

SBUx

닫기

3.6 콤보박스 내부 높이 조정하기

STEP 1. 컴포넌트 생성

1. select 컴포넌트를 생성합니다.
<script>
var json_master = [
        {text : 'input', value : 'iValue'},
        {text : 'picker', value : 'pValue'},
        {text : 'radio', value : 'rValue'},
        {text : 'select', value : 'sValue'}
    ];
</script>
<sbux-select id="sbIdx1_1" name="sbName1" uitype="single" jsondata-ref="json_master"></sbux-select>

STEP 2. style 적용

1. style 속성을 설정합니다.
<script>
var json_master = [
        {text : 'input', value : 'iValue'},
        {text : 'picker', value : 'pValue'},
        {text : 'radio', value : 'rValue'},
        {text : 'select', value : 'sValue'}
    ];
</script>
<sbux-select id="sbIdx1_1" name="sbName1" uitype="single" jsondata-ref="json_master" style="height:100px" ></sbux-select>
2. class 속성을 설정합니다.
<style>
    .selectHeight{
        height:100px;
    }
</style>
<script>
var json_master = [
        {text : 'input', value : 'iValue'},
        {text : 'picker', value : 'pValue'},
        {text : 'radio', value : 'rValue'},
        {text : 'select', value : 'sValue'}
    ];
</script>
<sbux-select id="sbIdx1_1" name="sbName1" uitype="single" jsondata-ref="json_master" class="selectHeight"></sbux-select>