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" />

하면 되겠다.

글로만 설명하니 마니 아쉬워서, 샘플페이지를 마련하였다.