<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width,user-scalable=no"/>
<#if Theme != "">
- <link id="cowhide-theme" href="${cowhide}/cowhide-default.min.css" rel="stylesheet">
- <link href="${cowhide}/cowhide-responsive.css" rel="stylesheet">
+ <link id="cowhide-theme" href="${cowhide_Theme}/cowhide-${Theme}${cowhide_size}.css" rel="stylesheet">
</#if>
+ <link href="${cowhide_responsive_CSS}" rel="stylesheet">
<title>Cowhide - Tizen Web UI Component</title>
</head>
<body>
<div class="page">
- <div class="container">
- <ul><li><button id="night-mode-toggle" class="btn btn-primary">Toggle night mode</button></li>
- <li>
- <select class="btn" type="text" id="theme-selector">
- <option value="0">Select theme:</option>
- <option value="0">------------------------------------</option>
- <option value="default">Default</option>
- <option value="amelia">Amelia</option>
- <option value="spruce">Spruce</option>
- </select>
- </li>
- </ul>
- </div>
<div class="jumbotron masthead">
<div class="container">
- <h1>Hello World!</h1>
- <h2>Cowhide - Tizen Web UI Component</h1>
+ <h1>Hello World!</h1>
+ <h3>Cowhide</h3>
+ <h4>Tizen Web UI Component</h4>
</div>
</div>
</div> <!-- page -->
cowhide.js must be included.
DO NOT REMOVE below code!
-->
- <#if Theme != "">
- <script src="${cowhide}/cowhide.js"></script>
- </#if>
- <script>
-!function ($) {
-
-$.cowhide.initThemeEngine({
- path: '${cowhide}',
- minified: true
-});
-
-$('button#night-mode-toggle').click(function() {
- $.cowhide.toggleNightMode();
-});
-
-$('select#theme-selector').change(function() {
- var value = $(this).find('option:selected').val();
- if (value !== '0')
- $.cowhide.setTheme(value);
-});
-
-}(window.jQuery)
-</script>
-</body>
-</html>
+ <script src="${cowhide_JS}"></script>
<template-id>TizenWebUIFWSinglePage</template-id>
<template-name>Single Page Application</template-name>
<widget-type>TIZEN</widget-type>
- <build-property key="usedLibraryType" value="WebUIFramework"/>
+ <build-property key="usedLibraryType" value="CowhideFramework"/>
<description-file-name>description.xml</description-file-name>
<options>
<supportLibraries>
<library name="cowhide"/>
</supportLibraries>
<optionGroup name="Theme" key="Theme" optionType="SINGLE_SELECTION" image="icons/theme.png">
- <optionElement defaultElement="true" name="White" value="tizen-write" image="snapshot_white.png"/>
- <optionElement name="Black" value="tizen-black" image="snapshot_black.png"/>
+ <optionElement defaultElement="true" name="Default" value="default" image="snapshot_default.png"/>
+ <optionElement name="Amelia" value="amelia" image="snapshot_amelia.png"/>
+ <optionElement name="Spruce" value="spruce" image="snapshot_spruce.png"/>
</optionGroup>
</options>
</tizen-app-template>