2013-09-03 9 views
2

검도 UI로 시작해서 아래의 아주 기본적인 예제를 실행 중입니다.검도 모바일 기본 테마를 플랫 UI로 설정

현재 ios로 표시되지만 항상 평면 UI 테마로 설정하려고합니다. 데모 나 문서에서이 작업을 수행하는 방법을 설명하는 항목을 볼 수 없습니다.

평면 디자인의 기본 테마를 변경하는 방법을 누군가에게 알려 줄 수 있습니까?

<!doctype html> 
<html> 
<head> 

<!-- Kendo UI Mobile CSS --> 
<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" /> 

<!-- jQuery JavaScript --> 
<script src="js/jquery.min.js"></script> 
<!-- Kendo UI Mobile combined JavaScript --> 
<script src="js/kendo.mobile.min.js"></script> 
    <title>Kendo UI Examples</title> 
</head> 
<body> 

<!-- Kendo Mobile View --> 
<div data-role="view" data-title="test" id="index"> 
    <!--Kendo Mobile Header --> 
    <header data-role="header"> 
     <!--Kendo Mobile NavBar widget --> 
     <div data-role="navbar"> 
      <span data-role="view-title"></span> 
     </div> 
    </header> 
    <!--Kendo Mobile ListView widget --> 
    <ul data-role="listview"> 
     <li>Item 1</li> 
     <li>Item 2</li> 
    </ul> 
    <!--Kendo Mobile Footer --> 
    <footer data-role="footer"> 
     <!-- Kendo Mobile TabStrip widget --> 
     <div data-role="tabstrip"> 
      <a data-icon="home" href="#index">Home</a> 
      <a data-icon="settings" href="#settings">Settings</a> 
     </div> 
    </footer> 
</div> 
<script> 
// Initialize a new Kendo Mobile Application 
var app = new kendo.mobile.Application(); 
</script> 

</body> 
</html> 

답변

-3

로딩 페이지에 선택한 스타일을 선택해야합니다.

<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" /> 
<link href="styles/kendo.mobile.flat.min.css" rel="stylesheet" /> 
+1

는, BTW 나도 몰라. 테마를 지정하면 CSS. 그걸 시험해 볼 수도 있습니다. –

+3

모든 패키지에 포함되어 있으므로 플랫 스킨 CSS가 필요하지 않습니다. – Bundyo

+0

또한 응용 프로그램을 인스턴스화 할 때 플랫폼이나 스킨을 지정하지 않으면 시스템이 해당 장치와 일치하는 CSS를 표시하려고하므로 사용자가 원하는 결과를 얻지 못할 수 있습니다. CSS만으로는 충분하지 않습니다. – zkent

14

앱 선언에서 기기/스킨을 무시할 수 있습니다. 당신이 모두를 포함해야하는 경우

var app = new kendo.mobile.Application($(document.body), { skin: 'flat' }); 

또는 당신이 윈도우 폰 찾고 인터페이스를

var app = new kendo.mobile.Application($(document.body), { platform: 'wp8' }); 

참조 문서를 사용으로 모든 사람을 강제 할 수 ... http://docs.kendoui.com/api/mobile/application#configuration-platform