blob: 45a4e3bc313a37803418ed29d8283d78e875a7aa (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
|
<!DOCTYPE html>
<html>
<head>
<meta name="package-mapping" content="my:com.addon.mypackage"/>
</head>
<body>
<vaadin-vertical-layout>
<!-- abstract component -->
<vaadin-button primary-style-name="button" id="foo" style-name="red" caption="Some caption" icon="vaadin://themes/runo/icons/16/ok.png" description="My tooltip" error="Something went wrong" locale="en_US"></vaadin-button>
<!-- absolute layout -->
<vaadin-absolute-layout>
<vaadin-button :top="100px" :left="0px" :z-index=21>OK</vaadin-button>
<vaadin-button :bottom="0px" :right="0px">Cancel</vaadin-button>
</vaadin-absolute-layout>
<!-- vertical layout -->
<vaadin-vertical-layout spacing margin>
<vaadin-button :top>OK</vaadin-button>
<vaadin7-table size-full :expand=1 />
</vaadin-vertical-layout>
<!-- horizontal layout -->
<vaadin-horizontal-layout spacing margin>
<vaadin-button :top>OK</vaadin-button>
<vaadin7-table size-full :expand=1 />
</vaadin-horizontal-layout>
<!-- form layout -->
<vaadin-form-layout spacing margin>
<vaadin-button :top>OK</vaadin-button>
<vaadin7-table size-full :expand=1 />
</vaadin-form-layout>
<!-- css layout -->
<vaadin-css-layout>
<vaadin-button>OK</vaadin-button>
<vaadin7-table size-full />
</vaadin-css-layout>
<!-- panel -->
<vaadin-panel caption="Hello world" tabindex=2 scroll-left="10" scroll-top="10">
<vaadin7-table size-full />
</vaadin-panel>
<!-- abstract field -->
<vaadin-text-field buffered validation-visible=false invalid-committed invalid-allowed=false required required-error="This is a required field" conversion-error="Input {0} cannot be parsed" tabindex=3 readonly />
<!-- abstract text field, text field -->
<vaadin-text-field null-representation="" null-setting-allowed maxlength=10 columns=5 input-prompt="Please enter a value" text-change-event-mode="eager" text-change-timeout=2 value="foo" />
<!-- password field -->
<vaadin-password-field null-representation="" null-setting-allowed maxlength=10 columns=5 input-prompt="Please enter a value" text-change-event-mode="eager" text-change-timeout=2 value="foo" />
<!-- text area -->
<vaadin7-text-area rows=5 wordwrap=false >test value</vaadin7-text-area>
<!-- button -->
<vaadin-button click-shortcut="ctrl-shift-o" disable-on-click tabindex=1 icon="http://vaadin.com/image.png" icon-alt="ok" plain-text>OK</vaadin-button>
<!-- native button -->
<vaadin-button click-shortcut="ctrl-shift-o" disable-on-click tabindex=1 icon="http://vaadin.com/image.png" icon-alt="ok" plain-text>OK</vaadin-button>
<!-- tabsheet -->
<vaadin-tab-sheet tabindex=5>
<tab visible=false closable caption="My first tab">
<vaadin-vertical-layout>
<vaadin-text-field/>
</vaadin-vertical-layout>
</tab>
<tab enabled=false caption="Disabled second tab">
<vaadin-button>In disabled tab - can’t be shown by default</vaadin-button>
</tab>
<tab icon="theme://../runo/icons/16/ok.png" icon-alt="Ok png from Runo - very helpful" description="Click to show a text field" style-name="red" id="uniqueDomId">
<vaadin-text-field input-prompt="Icon only in tab" />
</tab>
</vaadin-tab-sheet>
<!-- accordion -->
<vaadin-accordion tabindex=5>
<tab visible=false closable caption="My first tab">
<vaadin-vertical-layout>
<vaadin-text-field/>
</vaadin-vertical-layout>
</tab>
<tab enabled=false caption="Disabled second tab">
<vaadin-button>In disabled tab - can’t be shown by default</vaadin-button>
</tab>
<tab icon="theme://../runo/icons/16/ok.png" icon-alt="Ok png from Runo - very helpful" description="Click to show a text field" style-name="red" id="uniqueDomId">
<vaadin-text-field input-prompt="Icon only in tab" />
</tab>
</vaadin-accordion>
<!-- abstract split panel -->
<vaadin-horizontal-split-panel split-position="20px" min-split-position="0px" max-split-position="50px" locked>
<vaadin-button>First slot</vaadin-button>
</vaadin-horizontal-split-panel>
<vaadin-vertical-split-panel split-position="25%" reversed>
<vaadin-button :second>Second slot</vaadin-button>
</vaadin-vertical-split-panel>
<vaadin-horizontal-split-panel split-position="25%" reversed>
<vaadin-button>First slot</vaadin-button>
<vaadin-button>Second slot</vaadin-button>
</vaadin-horizontal-split-panel>
<!-- label -->
<vaadin-label>Hello world!</vaadin-label>
<vaadin-label>This is <b><u>Rich</u></b> content!</vaadin-label>
<vaadin-label plain-text>This is only <b>text</b> and will contain visible tags</vaadin-label>
<!-- checkbox -->
<vaadin-check-box checked/>
<!-- abstract select -->
<vaadin7-list-select new-items-allowed multi-select
item-caption-mode="index"
null-selection-allowed=false>
</vaadin7-list-select>
<vaadin7-combo-box>
<option icon="http://something/my-icon.png">First value</option>
<option>Second value</option>
</vaadin7-combo-box>
</vaadin-vertical-layout>
</body>
</html>
|
