litesoft
Diff Revisions
947
vs
948
for /trunk/GWT_Sandbox/gwtUITrimmed/src/com/gwtmobile/ui/kitchensink/client/widget/TextBoxPage.ui.xml
|
@@ -1,53 +1,63 @@ |
1 |
1 |
|
<!DOCTYPE ui:UiBinder SYSTEM "http://dl.google.com/gwt/DTD/xhtml.ent"> |
2 |
2 |
|
<ui:UiBinder xmlns:ui="urn:ui:com.google.gwt.uibinder" |
3 |
|
- |
xmlns:g="urn:import:com.google.gwt.user.client.ui" |
4 |
|
- |
xmlns:m="urn:import:com.gwtmobile.ui.client.widgets"> |
5 |
|
- |
<ui:style> |
6 |
|
- |
.flex > div { |
7 |
|
- |
display: table; |
8 |
|
- |
width: 100%; |
9 |
|
- |
} |
10 |
|
- |
.flex > div > * { |
11 |
|
- |
vertical-align: middle; |
12 |
|
- |
display: table-cell; |
13 |
|
- |
} |
14 |
|
- |
.flex > div > *:first-child { |
15 |
|
- |
text-align: right; |
16 |
|
- |
padding-right: 1em; |
17 |
|
- |
width: 30%; |
18 |
|
- |
} |
19 |
|
- |
.flex > div > *:last-child { |
20 |
|
- |
width: 90%; |
21 |
|
- |
} |
22 |
|
- |
</ui:style> |
23 |
|
- |
<g:HTMLPanel> |
24 |
|
- |
<m:HeaderPanel ui:field="header" leftButton="Back"> |
25 |
|
- |
<g:Label>Text Box</g:Label> |
26 |
|
- |
</m:HeaderPanel> |
27 |
|
- |
<m:ScrollPanel hasTextBox="true"> |
28 |
|
- |
<m:ListPanel selectable="false" styleName="ListPanel {style.flex}" > |
29 |
|
- |
<m:ListItem> |
30 |
|
- |
<g:Label>Text:</g:Label><m:TextBox/> |
31 |
|
- |
</m:ListItem> |
32 |
|
- |
<m:ListItem> |
33 |
|
- |
<g:Label>Password:</g:Label><m:PasswordTextBox/> |
34 |
|
- |
</m:ListItem> |
35 |
|
- |
<m:ListItem> |
36 |
|
- |
<g:Label>Number:</g:Label><m:NumberTextBox/> |
37 |
|
- |
</m:ListItem> |
38 |
|
- |
<m:ListItem> |
39 |
|
- |
<g:Label>Email:</g:Label><m:EmailTextBox/> |
40 |
|
- |
</m:ListItem> |
41 |
|
- |
<m:ListItem> |
42 |
|
- |
<g:Label>Url:</g:Label><m:UrlTextBox/> |
43 |
|
- |
</m:ListItem> |
44 |
|
- |
<m:ListItem> |
45 |
|
- |
<g:Label>Tel:</g:Label><m:TelTextBox/> |
46 |
|
- |
</m:ListItem> |
47 |
|
- |
<m:ListItem> |
48 |
|
- |
<g:Label>Text Area:</g:Label><m:TextArea/> |
49 |
|
- |
</m:ListItem> |
50 |
|
- |
</m:ListPanel> |
51 |
|
- |
</m:ScrollPanel> |
52 |
|
- |
</g:HTMLPanel> |
|
3 |
+ |
xmlns:g="urn:import:com.google.gwt.user.client.ui" |
|
4 |
+ |
xmlns:m="urn:import:com.gwtmobile.ui.client.widgets"> |
|
5 |
+ |
<ui:style> |
|
6 |
+ |
.flex > div { |
|
7 |
+ |
display: table; |
|
8 |
+ |
width: 100%; |
|
9 |
+ |
} |
|
10 |
+ |
|
|
11 |
+ |
.flex > div > * { |
|
12 |
+ |
vertical-align: middle; |
|
13 |
+ |
display: table-cell; |
|
14 |
+ |
} |
|
15 |
+ |
|
|
16 |
+ |
.flex > div > *:first-child { |
|
17 |
+ |
text-align: right; |
|
18 |
+ |
padding-right: 1em; |
|
19 |
+ |
width: 30%; |
|
20 |
+ |
} |
|
21 |
+ |
|
|
22 |
+ |
.flex > div > *:last-child { |
|
23 |
+ |
width: 90%; |
|
24 |
+ |
} |
|
25 |
+ |
</ui:style> |
|
26 |
+ |
<g:HTMLPanel> |
|
27 |
+ |
<m:HeaderPanel ui:field="header" leftButton="Back"> |
|
28 |
+ |
<g:Label>Text Box</g:Label> |
|
29 |
+ |
</m:HeaderPanel> |
|
30 |
+ |
<m:ScrollPanel hasTextBox="true"> |
|
31 |
+ |
<m:ListPanel selectable="false" styleName="ListPanel {style.flex}"> |
|
32 |
+ |
<m:ListItem> |
|
33 |
+ |
<g:Label>Text:</g:Label> |
|
34 |
+ |
<m:TextBox/> |
|
35 |
+ |
</m:ListItem> |
|
36 |
+ |
<m:ListItem> |
|
37 |
+ |
<g:Label>Password:</g:Label> |
|
38 |
+ |
<m:PasswordTextBox/> |
|
39 |
+ |
</m:ListItem> |
|
40 |
+ |
<m:ListItem> |
|
41 |
+ |
<g:Label>Number:</g:Label> |
|
42 |
+ |
<m:NumberTextBox/> |
|
43 |
+ |
</m:ListItem> |
|
44 |
+ |
<m:ListItem> |
|
45 |
+ |
<g:Label>Email:</g:Label> |
|
46 |
+ |
<m:EmailTextBox/> |
|
47 |
+ |
</m:ListItem> |
|
48 |
+ |
<m:ListItem> |
|
49 |
+ |
<g:Label>Url:</g:Label> |
|
50 |
+ |
<m:UrlTextBox/> |
|
51 |
+ |
</m:ListItem> |
|
52 |
+ |
<m:ListItem> |
|
53 |
+ |
<g:Label>Tel:</g:Label> |
|
54 |
+ |
<m:TelTextBox/> |
|
55 |
+ |
</m:ListItem> |
|
56 |
+ |
<m:ListItem> |
|
57 |
+ |
<g:Label>Text Area:</g:Label> |
|
58 |
+ |
<m:TextArea/> |
|
59 |
+ |
</m:ListItem> |
|
60 |
+ |
</m:ListPanel> |
|
61 |
+ |
</m:ScrollPanel> |
|
62 |
+ |
</g:HTMLPanel> |
53 |
63 |
|
</ui:UiBinder> |