작성일 2023-10-24 13:46 조회 202회
댓글 0건
표시된 아이콘을 다른 아이콘으로 변경할 수 있는 방법 있을까요?
등록된 댓글이 없습니다.
2 답변
작성일 2023-10-26 10:55 댓글 1건
안녕하세요 그레이프시티입니다.
문의하신 내용의 경우, Wijmo의 내장 아이콘을 이용하여 아이콘을 변경할 수 있습니다.
아래 dropdown 버튼의 아이콘을 달력 모양으로 변경해주는 간단한 코드이며 참고 부탁드립니다.
<wjInput.InputDate id="theDate" initialized={this._onInitialized.bind(this)} valueChanged={this._onValueChanged.bind(this)}>
</wjInput.InputDate>
_onInitialized(inputDate) {
inputDate._btn.firstChild.firstChild.className = 'wj-glyph-calendar';
}
더불어 내장 아이콘과 관련하여 아래 저희 글리프 데모 및 inputDate 사용법 블로그 글을 참고하여 주시기 바랍니다.
- [Wijmo 시작하기] InputDate(날짜입력) 사용법 - 기본편(2)
추가적으로 버전 기입란에 표기한 제품과 버전은 SpreadJS로 파악되며 사용하시는 Wijmo 버전을 확인 후 표기해주시기 바랍니다. 아래 저희 제품 버전 확인 방법에 대한 글을 공유드리오니 참고 부탁드립니다.
- 사용 중인 GrapeCity 제품 버전 확인 방법 안내
다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
그레이프시티 드림
작성일
작성일 2023-10-27 17:48 댓글 0건
안녕하세요 그레이프시티입니다.
해당 기능의 경우, 기존 아이콘에 CSS를 통해 표시되는 아이콘을 사용자 정의할 수 있습니다.
아래 간단한 코드르 참고하여 주시기 바랍니다.
js
<wjInput.InputDate id="theDate" initialized={this._onInitialized.bind(this)} ></wjInput.InputDate>
css
#theDate .wj-glyph-down {
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABKUlEQVQ4ja2QP0vDQBiHf/cndzQhJKGGK6HQHFnsII4h4GfQqas4+zGcXDs5dNRPYj+EoFt316CDPZcrhNY0Mb0HnuV43+e4AxxhjKF1XU+bZ3MANwOdH9wghHgAYIZod/8OKqWWRVHc9VEptWwNJklyBeCbUrrRWs8Wi4U4ptZ6RindAPiyu4cEQXALYMsYM57nHZUxZgBs7U47vu/3/ks72wlhjL10xRhjz31iAICqqkac83VbjHO+rqpq1DsIAGEYjoUQH1JK01QI8R6G4fhfsR15nk+SJLlomuf5ZFAMANI0fcTec+3ZacEoilZRFK2cBQGcW90EpZT3ToJKqWtCyCcA43ne28lBAMiy7ExK+UQI+XES3BHH8aWU8tVZ0ELKspx2jznkF5WQhrjMdSwdAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
background-position: bottom right;
margin-top: 2px;
width: 20px; height: 20px;
border: none;
}
#theDate .wj-glyph-down:after {
display: none;
}다른 궁금한 점이 생기면 문의주시기 바랍니다.
감사합니다.
그레이프시티 드림
등록된 댓글이 없습니다.
