widgets/gallery.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4         <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" >
   5         <script src="../tizen-web-ui-fw/latest/js/jquery.min.js"></script>
   6         <script src="../configure.js"></script>
   7         <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw-libs.min.js"></script>
   8         <script src="../tizen-web-ui-fw/latest/js/tizen-web-ui-fw.min.js"
   9                         data-framework-theme="tizen-white"
  10                         data-framework-viewport-width="device-width">
  11         </script>
  12         <title>Tizen UI - Gallery</title>
  13         <!-- for compatibility test -->
  14         <meta name="apple-mobile-web-app-capable" content="yes" />
  15         <meta name="apple-mobile-web-app-status-bar-style" content="black" />
  16         <link rel="apple-touch-icon" href="../icon-tizen.png" />
  17 </head>
  18 <body>
  19 <div data-role="page" id="gallery-demo" data-add-back-btn="true">
  20         <div data-role="header" data-position="fixed">
  21                 <h1>GALLERY</h1>
  22         </div>
  23         <div data-role="content" data-scroll="none">
  24                 <div data-role="gallery" id="gallery" data-vertical-align="middle">
  25                 </div>
  26         </div> <!-- /content -->
  27         <div data-role="footer" data-position ="fixed">
  28                 <div data-role="tabbar">
  29                         <ul>
  30                                 <li id="gallery-add"><a href="#">ADD</a></li>
  31                                 <li id="gallery-del"><a href="#">DELETE</a></li>
  32                         </ul>
  33                 </div><!-- /navbar -->
  34         </div>
  35         <script src="gallery.js"></script>
  36 </div> <!-- /page -->
  37 </body>
  38 </html>