blob: 39aecb6db19778338b3d7223e0b5bcb3bc97e4d0 (
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>
<v-vertical-layout>
<!-- abstract component -->
<v-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"></v-button>
<!-- absolute layout -->
<v-absolute-layout>
<v-button :top="100px" :left="0px" :z-index=21>OK</v-button>
<v-button :bottom="0px" :right="0px">Cancel</v-button>
</v-absolute-layout>
<!-- vertical layout -->
<v-vertical-layout spacing margin>
<v-button :top>OK</v-button>
<v-table size-full :expand=1 />
</v-vertical-layout>
<!-- horizontal layout -->
<v-horizontal-layout spacing margin>
<v-button :top>OK</v-button>
<v-table size-full :expand=1 />
</v-horizontal-layout>
<!-- form layout -->
<v-form-layout spacing margin>
<v-button :top>OK</v-button>
<v-table size-full :expand=1 />
</v-form-layout>
<!-- css layout -->
<v-css-layout>
<v-button>OK</v-button>
<v-table size-full />
</v-css-layout>
<!-- panel -->
<v-panel caption="Hello world" tabindex=2 scroll-left="10" scroll-top="10">
<v-table size-full />
</v-panel>
<!-- abstract field -->
<v-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 -->
<v-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 -->
<v-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 -->
<v-text-area rows=5 wordwrap=false >test value</v-text-area>
<!-- button -->
<v-button click-shortcut="ctrl-shift-o" disable-on-click tabindex=1 icon="http://vaadin.com/image.png" icon-alt="ok" plain-text>OK</v-button>
<!-- native button -->
<v-button click-shortcut="ctrl-shift-o" disable-on-click tabindex=1 icon="http://vaadin.com/image.png" icon-alt="ok" plain-text>OK</v-button>
<!-- tabsheet -->
<v-tab-sheet tabindex=5>
<tab visible=false closable caption="My first tab">
<v-vertical-layout>
<v-text-field/>
</v-vertical-layout>
</tab>
<tab enabled=false caption="Disabled second tab">
<v-button>In disabled tab - can’t be shown by default</v-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">
<v-text-field input-prompt="Icon only in tab" />
</tab>
</v-tab-sheet>
<!-- accordion -->
<v-accordion tabindex=5>
<tab visible=false closable caption="My first tab">
<v-vertical-layout>
<v-text-field/>
</v-vertical-layout>
</tab>
<tab enabled=false caption="Disabled second tab">
<v-button>In disabled tab - can’t be shown by default</v-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">
<v-text-field input-prompt="Icon only in tab" />
</tab>
</v-accordion>
<!-- abstract split panel -->
<v-horizontal-split-panel split-position="20px" min-split-position="0px" max-split-position="50px" locked>
<v-button>First slot</v-button>
</v-horizontal-split-panel>
<v-vertical-split-panel split-position="25%" reversed>
<v-button :second>Second slot</v-button>
</v-vertical-split-panel>
<v-horizontal-split-panel split-position="25%" reversed>
<v-button>First slot</v-button>
<v-button>Second slot</v-button>
</v-horizontal-split-panel>
<!-- label -->
<v-label>Hello world!</v-label>
<v-label>This is <b><u>Rich</u></b> content!</v-label>
<v-label plain-text>This is only <b>text</b> and will contain visible tags</v-label>
<!-- checkbox -->
<v-check-box checked/>
<!-- abstract select -->
<v-list-select new-items-allowed multi-select
item-caption-mode="index"
null-selection-allowed=false>
</v-list-select>
<v-combo-box>
<option icon="http://something/my-icon.png">First value</option>
<option>Second value</option>
</v-combo-box>
</v-vertical-layout>
</body>
</html>
|
