]>
Commit | Line | Data |
---|---|---|
1 | Ext.define('KitchenSink.view.form.ContactFormWindow', {\r | |
2 | extend: 'Ext.window.Window',\r | |
3 | xtype: 'form-contact-window',\r | |
4 | \r | |
5 | reference: 'popupWindow',\r | |
6 | \r | |
7 | title: 'Contact Us',\r | |
8 | width: 400,\r | |
9 | height: 500,\r | |
10 | minWidth: 300,\r | |
11 | minHeight: 380,\r | |
12 | layout: 'fit',\r | |
13 | resizable: true,\r | |
14 | modal: true,\r | |
15 | defaultFocus: 'firstName',\r | |
16 | closeAction: 'hide',\r | |
17 | \r | |
18 | items: [{\r | |
19 | xtype: 'form',\r | |
20 | reference: 'windowForm',\r | |
21 | layout: {\r | |
22 | type: 'vbox',\r | |
23 | align: 'stretch'\r | |
24 | },\r | |
25 | border: false,\r | |
26 | bodyPadding: 10,\r | |
27 | \r | |
28 | fieldDefaults: {\r | |
29 | msgTarget: 'side',\r | |
30 | labelAlign: 'top',\r | |
31 | labelWidth: 100,\r | |
32 | labelStyle: 'font-weight:bold'\r | |
33 | },\r | |
34 | \r | |
35 | items: [{\r | |
36 | xtype: 'fieldcontainer',\r | |
37 | fieldLabel: 'Your Name',\r | |
38 | labelStyle: 'font-weight:bold;padding:0;',\r | |
39 | layout: 'hbox',\r | |
40 | defaultType: 'textfield',\r | |
41 | \r | |
42 | fieldDefaults: {\r | |
43 | labelAlign: 'top'\r | |
44 | },\r | |
45 | \r | |
46 | items: [{\r | |
47 | flex: 1,\r | |
48 | name: 'firstName',\r | |
49 | itemId: 'firstName',\r | |
50 | afterLabelTextTpl: [\r | |
51 | '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>'\r | |
52 | ],\r | |
53 | fieldLabel: 'First',\r | |
54 | allowBlank: false\r | |
55 | }, {\r | |
56 | width: 30,\r | |
57 | name: 'middleInitial',\r | |
58 | fieldLabel: 'MI',\r | |
59 | margin: '0 0 0 5'\r | |
60 | }, {\r | |
61 | flex: 2,\r | |
62 | name: 'lastName',\r | |
63 | afterLabelTextTpl: [\r | |
64 | '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>'\r | |
65 | ],\r | |
66 | fieldLabel: 'Last',\r | |
67 | allowBlank: false,\r | |
68 | margin: '0 0 0 5'\r | |
69 | }]\r | |
70 | }, {\r | |
71 | xtype: 'textfield',\r | |
72 | fieldLabel: 'Your Email Address',\r | |
73 | afterLabelTextTpl: [\r | |
74 | '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>'\r | |
75 | ],\r | |
76 | vtype: 'email',\r | |
77 | allowBlank: false\r | |
78 | }, {\r | |
79 | xtype: 'textfield',\r | |
80 | fieldLabel: 'Subject',\r | |
81 | afterLabelTextTpl: [\r | |
82 | '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>'\r | |
83 | ],\r | |
84 | allowBlank: false\r | |
85 | }, {\r | |
86 | xtype: 'textareafield',\r | |
87 | fieldLabel: 'Message',\r | |
88 | labelAlign: 'top',\r | |
89 | flex: 1,\r | |
90 | margin: '0',\r | |
91 | afterLabelTextTpl: [\r | |
92 | '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>'\r | |
93 | ],\r | |
94 | allowBlank: false\r | |
95 | }],\r | |
96 | \r | |
97 | buttons: [{\r | |
98 | text: 'Cancel',\r | |
99 | handler: 'onFormCancel'\r | |
100 | }, {\r | |
101 | text: 'Send',\r | |
102 | handler: 'onFormSubmit'\r | |
103 | }]\r | |
104 | }]\r | |
105 | });\r |