← Back to branch summary

~ubuntu-branches/ubuntu/utopic/ubuntu-html5-theme/utopic

« back to all changes in this revision

Viewing changes to examples/html5-theme/widgets/Buttons.html

  • Committer: Package Import Robot
  • Author(s): Ubuntu daily release, Alexandre Abreu, Robert Bruce Park, David Barth
  • Date: 2014-02-12 21:47:19 UTC
  • mfrom: (1.1.13)
  • Revision ID: package-import@ubuntu.com-20140212214719-gtuxobx1jdwlwdr7
Tags: 0.1.2+14.04.20140212.4-0ubuntu1
[ Alexandre Abreu ]
* Fix gallery app (needs more fixing though) and update the css to be
  closer to qml

[ Robert Bruce Park ]
* Make -sdk depend on qtdeclarative5-ubuntu-webapps-api.
* Add python-xlib dependency which is required for AP tests to pass.

[ David Barth ]
* Set the plugin-path to load the pre-built cordova runtime

Show diffs side-by-side

added added

removed removed

Lines of Context:
examples/html5-theme/widgets/Buttons.html
5
5
 This file is part of ubuntu-html5-ui-toolkit.
6
6
 
7
7
 This package is free software; you can redistribute it and/or modify
8
 
 it under the terms of the GNU Lesser General Public License as 
9
 
 published by the Free Software Foundation; either version 3 of the 
 
8
 it under the terms of the GNU Lesser General Public License as
 
9
 published by the Free Software Foundation; either version 3 of the
10
10
 License, or
11
11
 (at your option) any later version.
12
 
 
 
12
 
13
13
 This package is distributed in the hope that it will be useful,
14
14
 but WITHOUT ANY WARRANTY; without even the implied warranty of
15
15
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
16
16
 GNU General Public License for more details.
17
 
 
18
 
 You should have received a copy of the GNU Lesser General Public 
19
 
 License along with this program. If not, see 
 
17
 
 
18
 You should have received a copy of the GNU Lesser General Public
 
19
 License along with this program. If not, see
20
20
 <http://www.gnu.org/licenses/>.
21
21
-->
22
22
 
26
26
    <meta charset="utf-8" />
27
27
    <meta name="copyright" content="Adnane Belmadiaf <daker@ubuntu.com>">
28
28
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
29
 
    <title>Ubuntu UI HTML5: Buttons</title>
 
29
    <title>Ubuntu HTML5 UI SDK: Buttons</title>
30
30
    <link href="../../../0.1/ambiance/css/appTemplate.css" rel="stylesheet" type="text/css" />
31
31
</head>
 
32
 
32
33
<body>
33
 
    <div data-role="page">
34
 
        <header data-role="header">
35
 
            <nav data-role="navbar" class="tabs">
36
 
                <div class="tabs-inner">
37
 
                    <ul data-role="tabs">
38
 
                        <li class="active" data-role="tab">
39
 
                            <a href="#item1">Tab 1</a>
40
 
                        </li>
41
 
                        <li class="inactive" data-role="tab">
42
 
                            <a href="#item2">Tab 2</a>
43
 
                        </li>
44
 
                        <li class="inactive" data-role="tab">
45
 
                            <a href="#item3">Tab 3</a>
46
 
                        </li>
47
 
                    </ul>
48
 
                </div>
49
 
            </nav>
50
 
        </header>
51
 
 
 
34
    <div data-role="mainview">
52
35
        <div class="content">
53
 
            <h1>Buttons</h1>
54
 
            <div class="inset">
55
 
                <button data-role="button">Standard</button>
56
 
            </div>
57
 
            <div class="inset">
58
 
                <button data-role="button" class="success">Call</button>
59
 
            </div>
60
 
            <div class="inset">
61
 
                <button data-role="button" class="danger">Delete</button>
62
 
            </div>
63
 
            <div class="inset">
64
 
                <button data-role="button" class="warning">Warning</button>
65
 
            </div>
66
 
            <div class="inset">
67
 
                <button data-role="button" class="ubuntu">Ubuntu</button>
68
 
            </div>
69
 
 
70
 
            <h1>Links</h1>
71
 
            <div class="inset">
72
 
                <a href="#" data-role="button">Standard</a>
73
 
            </div>
74
 
            <div class="inset">
75
 
                <a href="#" data-role="button">Call</a>
76
 
            </div>
77
 
            <div class="inset">
78
 
                <a href="#" data-role="button">Delete</a>
79
 
            </div>
80
 
            <div class="inset">
81
 
                <a href="#" data-role="button">Warning</a>
82
 
            </div>
83
 
            <div class="inset">
84
 
                <a href="#" data-role="button">Ubuntu</a>
 
36
 
 
37
            <div class="large-font">
 
38
              Button
 
39
            </div>
 
40
 
 
41
            <div class="inset">
 
42
              <span class="medium-font">Standard</span>
 
43
              <button data-role="button" class="ubuntu">Standard</button>
 
44
            </div>
 
45
            
 
46
            <div class="inset">
 
47
              <span class="medium-font">Color</span>
 
48
              <button data-role="button">Call</button>
 
49
            </div>
 
50
            
 
51
            <div class="inset">
 
52
              <span class="medium-font">Icon</span>
 
53
              <button data-role="button" class="ubuntu"><span class="icon icon-call"></span></button>
 
54
            </div>
 
55
 
 
56
            <div class="inset">
 
57
              <span class="medium-font">Icon and text</span>
 
58
              <button data-role="button" class="ubuntu">Call <span class="icon icon-call"></span></button>
 
59
              <button data-role="button" class="ubuntu"><span class="icon icon-call"></span> Call</button>
 
60
            </div>
 
61
 
 
62
            <div class="inset">
 
63
              <span class="medium-font">Disabled</span>
 
64
              <button data-role="button" class="ubuntu disabled">Call</button>
85
65
            </div>
86
66
        </div>
 
67
 
87
68
    </div>
88
69
</body>
89
70
</html>