2013년 12월 7일 토요일

테마설정

Ext js 테마 설정 하기 위해선 우선 sass와 compass가 선행 되어야 한다.
테마 설정하는 방법은 2가지 정도가 있다.


  • css overriding


    기존에 프로젝트를 할때 ext-all-debug.css , ext-all.css 를 link 해서 사용하였을 것이다.
    그 link 된 것 아래 css를 하나 만들어서 원하는 css만 다시 바꿔주면 되는 overriding
    방법이 있다. 이방법은 음.. 전체를 가지고 있고 또 하나를 만드는 거라서 비 효율적이다.
    highter 가 안됨;;; 죄송해요




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" charset="utf-8" src="app/extjs-4.1.1a/ext-all-debug.js"></script>
<script type="text/javascript" charset="utf-8" src="app/app.js"></script>
<link rel="stylesheet" href="ext-all.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
<link rel="stylesheet" href="test.css" type="text/css" media="screen" title="no title" charset="utf-8"/>
</head>
<body>
no hangle
</body>
</html> 

  • extjs theme 예제 적용
   


Ext theme를 적용 하기 위해서는 일단 example>template>theme에 있는 것이 필요하다

댓글 없음:

댓글 쓰기