레이아웃 요구사항을 만족시키기 위해 스타일 시트에 있는 각 모바일 위젯의 모양을 재정의할 수 있습니다.
이 태스크 정보
기본 클래스를 사용하여
그림 1을
그림 2으로 변경할 수 있습니다.
프로시저
- 표 1을 참조하십시오.
목록 항목의 기본 클래스는 eglMblListItem이며 단추의 기본 클래스는 eglMblBtn입니다.
- RUI 핸들러와 연관된 스타일 시트에 다음 css 규칙을 추가하십시오.
.eglMblListItem .eglMblBtn{
float: right; margin-right: .3em; }
- Visual Editor를 새로 고치십시오.
결과
목록 항목 내의 모든 모바일 단추는 오른쪽에 표시되고 목록 항목 외부의 단추는 영향을 받지 않은 것을 볼 수 있습니다.