하단메뉴 & 퀵메뉴 설정 방법 안내!

by 관리자 posted Aug 29, 2017
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄

아이콘은 xeicon 또는 font awesome의 아이콘 이름을 적어주시면 됩니다. 아이콘은 사용하시는 폰트에 따라 아래 링크를 참조해주세요.

 

xeicon 1.0.4 -> http://xpressengine.github.io/XEIcon/library-1.0.4.html

xeicon 2.3.3 -> http://xpressengine.github.io/XEIcon/library-2.3.3.html

font awesome(4.7버전 신규 아이콘 제외) -> http://fontawesome.io/icons/

material -> https://material.io/icons/

 

아이콘 명칭을 적으실 때 반드시 '-' -> '_' 로 바꾸어서 적어주셔야 합니다. 예를 들어 아이콘 명이 xi-angle-right이면 아이콘 항목에 xi_angle_right 이렇게 입력해주시면 됩니다. xeicon 2.3.3을 사용하실 경우 xi를 xi2로 바꾸어서 적어주셔야 합니다. 예) xi-angle-right일 경우 -> xi2_angle_right 이렇게 입력해주셔야 합니다. 

 

material 아이콘을 사용하실 경우에는 공란은 _로 바꾸고 앞에 ma_를 붙여주셔야 합니다. 예) 3d rotation -> ma_3d_rotation

 

링크 항목에는 이동할 Full URL을 적어주시거나, 만일 링크가 특정 링크url이 아닌 앱 동작과 관련된 메뉴일 경우 다음과 같이 링크 항목에 입력하시면 됩니다. (퀵메뉴의 경우에는 필요한 앱동작을 [퀵메뉴 기본 버튼] 항목에서 추가해주셔야 합니다.)

 

뒤로가기 : back

앞으로가기 : forward

홈으로 가기 : home

로그인창 띄우기 : login

퀵메뉴열기 : quick

새로고침 : refresh

설정 : setting

앱 종료 : finish

 

특히 퀵메뉴 quick을 링크 항목에 입력하실 경우에는 반드시 퀵메뉴를 사용하기로 설정해주셔야 하며, 퀵메뉴 버튼(+)이 사라지고 더보기 메뉴를 통해 퀵메뉴를 보여주게 됩니다(아래그림 참조). 

 

hide_q.png

 

 

그리고 url뿐만 아니라 자바스크립트 함수호출도 가능합니다.

 

javascript:자바스크립트내용;

 


Articles

1 2