XE core를 보면 jQuery 기본 UI를 로드 하고 있다.
왠지 바꿔보고 싶지 않은가? 남들과 다르고 싶다면~ 아마 그럴것이다~ 도전하자~
/common/js/plugins/ui 폴더에 기본 ui 파일이 있다!
http://code.google.com/p/xe-core/wiki/TemplateSyntax#제거하기
위 설명을 참고하여 템플릿에 다음을 넣어 주자~
<unload target="/common/js/plugins/ui/jquery-ui.css" media="all" />
참고로 외부페이지에서 작동을 안한다~ 아쉽다~ T.T
이렇게하면 XE의 기본 UI를 불러오지 않는다.
템플릿에 적용했으니... 해당 템플릿이 적용된 화면만 해당된다.
http://jqueryui.com/themeroller/
위 사이트에서 테마를 골라 잡자~
download 누른후 모든 UI를 적용하면 느릴수 있으니
UI Core + (나의경우 Dialog + Tabs)를 추가하였다.
받은 파일 압축을 풀면
jquery-ui-1.8.16.custom/css/테마명 폴더로 가면 css파일과 images 폴더가 있다.
적당한 곳에 올려주자~
<load target="해당경로" media="all" />
하면 되겠다.
글로만 설명하니 마니 아쉬워서, 샘플페이지를 마련하였다.
/sample_xe_jquery_ui_theme_change