EGL 모바일 위젯 모양 사용자 정의

레이아웃 요구사항을 만족시키기 위해 스타일 시트에 있는 각 모바일 위젯의 모양을 재정의할 수 있습니다.

이 태스크 정보

기본 클래스를 사용하여 그림 1그림 2으로 변경할 수 있습니다.
그림 1. 목록 항목 내에 있는 왼쪽 정렬된 모바일 단추
목록 항목 내에 있는 왼쪽 정렬된 모바일 단추
그림 2. 목록 항목 내에 있는 오른쪽 정렬된 모바일 단추
목록 항목 내에 있는 오른쪽 정렬된 모바일 단추

프로시저

  1. 표 1을 참조하십시오. 목록 항목의 기본 클래스는 eglMblListItem이며 단추의 기본 클래스는 eglMblBtn입니다.
  2. RUI 핸들러와 연관된 스타일 시트에 다음 css 규칙을 추가하십시오.

    .eglMblListItem .eglMblBtn{ float: right; margin-right: .3em; }

  3. Visual Editor를 새로 고치십시오.

결과

목록 항목 내의 모든 모바일 단추는 오른쪽에 표시되고 목록 항목 외부의 단추는 영향을 받지 않은 것을 볼 수 있습니다.