projects / online-glom:gwt-glom.git / blob
? search:
summary | shortlog | log | commit | commitdiff | tree
history | raw | HEAD
Replace deprecated DOM.setElementAttribute().
[online-glom:gwt-glom.git] / mockups / listview-contacts.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
4
5 <head>
6         <title>Database Name: Table Name</title>
7         <link href="style.css" rel="stylesheet" type="text/css" />
8 </head>
9 <body>
10
11         <div id="document-title">
12         Database Name
13         </div>
14
15         <div id="headbox">
16                 <select class="tablechooser">
17                         <option selected="selected">Contacts</option>
18                         <option>Projects</option>
19                         <option>Teams</option>
20                 </select>
21
22                 <div style="clear: both"></div>
23         </div>
24         
25         <table class="data-list">
26                 <tr>
27                         <th>Contact ID</th>
28                         <th>Title</th>
29                         <th>First Name</th>
30                         <th>Last Name</th>
31                         <th>Country</th>
32                         <th colspan="2">Comments</th>
33                 </tr>
34                 
35                 <tr>
36                         <td>0</td>
37                         <td>Mr</td>
38                         <td>Murray</td>
39                         <td>Cumming</td>
40                         <td>Germany</td>
41                         <td></td>
42                         <td class="details"><a href="details-contacts.html">Details</a></td>
43                 </tr>
44                 
45                 <tr>
46                         <td>1</td>
47                         <td>Mr</td>
48                         <td>Yodda</td>
49                         <td>Yossarian</td>
50                         <td>Italy</td>
51                         <td></td>
52                         <td class="details"><a href="details-contacts.html">Details</a></td>
53                 </tr>
54                 
55                 <tr>
56                         <td>2</td>
57                         <td>Mr</td>
58                         <td>Mook</td>
59                         <td>McMookity</td>
60                         <td>Germany</td>
61                         <td></td>
62                         <td class="details"><a href="details-contacts.html">Details</a></td>
63                 </tr>
64                 
65                 <tr>
66                         <td>3</td>
67                         <td>Mr</td>
68                         <td>Bob</td>
69                         <td>McBob</td>
70                         <td>Germany</td>
71                         <td></td>
72                         <td class="details"><a href="details-contacts.html">Details</a></td>
73                 </tr>
74                 
75                 <tr>
76                         <td>4</td>
77                         <td>Mrs</td>
78                         <td>Yadda</td>
79                         <td>McYadda</td>
80                         <td>Italy</td>
81                         <td></td>
82                         <td class="details"><a href="details-contacts.html">Details</a></td>
83                 </tr>
84                 
85                 <tr>
86                         <td>5</td>
87                         <td>Mrs</td>
88                         <td>Jane</td>
89                         <td>Doe</td>
90                         <td>UK</td>
91                         <td></td>
92                         <td class="details"><a href="details-contacts.html">Details</a></td>
93                 </tr>
94                 
95                 <tr>
96                         <td>6</td>
97                         <td>Mr</td>
98                         <td>Jo</td>
99                         <td>JoJo</td>
100                         <td>USA</td>
101                         <td></td>
102                         <td class="details"><a href="details-contacts.html">Details</a></td>
103                 </tr>
104                 
105                 <tr>
106                         <td>7</td>
107                         <td>Mr</td>
108                         <td>Aardvark</td>
109                         <td>Example</td>
110                         <td>UK</td>
111                         <td>Possibly a made-up name.</td>
112                         <td class="details"><a href="details-contacts.html">Details</a></td>
113                 </tr>
114         </table>
115         
116 </body>
117
118 </html>
3588367351ee6b8a4fb5bb546975a07e72