|
525
|
1 |
<!DOCTYPE html> |
|
|
2 |
<html lang="en"> |
|
|
3 |
<head> |
|
|
4 |
<meta charset="utf-8"> |
|
|
5 |
<title>Example: Creating a Reusable Dialog</title> |
|
|
6 |
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic,700italic"> |
|
|
7 |
<link rel="stylesheet" href="../../build/cssgrids/cssgrids-min.css"> |
|
|
8 |
<link rel="stylesheet" href="../assets/css/main.css"> |
|
|
9 |
<link rel="stylesheet" href="../assets/vendor/prettify/prettify-min.css"> |
|
|
10 |
<link rel="shortcut icon" type="image/png" href="../assets/favicon.png"> |
|
|
11 |
<script src="../../build/yui/yui-min.js"></script> |
|
|
12 |
|
|
|
13 |
</head> |
|
|
14 |
<body> |
|
|
15 |
<!-- |
|
|
16 |
<a href="https://github.com/yui/yui3"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> |
|
|
17 |
--> |
|
|
18 |
<div id="doc"> |
|
|
19 |
<div id="hd"> |
|
|
20 |
<h1><img src="http://yuilibrary.com/img/yui-logo.png"></h1> |
|
|
21 |
</div> |
|
|
22 |
|
|
|
23 |
|
|
|
24 |
<h1>Example: Creating a Reusable Dialog</h1> |
|
|
25 |
<div class="yui3-g"> |
|
|
26 |
<div class="yui3-u-3-4"> |
|
|
27 |
<div id="main"> |
|
|
28 |
<div class="content"><div class="intro"> |
|
|
29 |
<p> |
|
|
30 |
This example demonstrates how to create a reusable dialog for messages and confirmations. |
|
|
31 |
</p> |
|
|
32 |
</div> |
|
|
33 |
|
|
|
34 |
<div class="example yui3-skin-sam"> |
|
|
35 |
<style> |
|
|
36 |
#test-controls #radios { |
|
|
37 |
list-style: none; |
|
|
38 |
margin: 0 0 1em; |
|
|
39 |
padding: 0; |
|
|
40 |
} |
|
|
41 |
#test-controls #code, #code-function{ |
|
|
42 |
margin-bottom: 1em; |
|
|
43 |
font-family: courier new; |
|
|
44 |
font-size: 70%; |
|
|
45 |
} |
|
|
46 |
#test-controls textarea{ |
|
|
47 |
margin-bottom: 1em; |
|
|
48 |
width: 49em; |
|
|
49 |
height: 3em; |
|
|
50 |
} |
|
|
51 |
|
|
|
52 |
#test-controls .btn-show{ |
|
|
53 |
/*margin-bottom: 5em;*/ |
|
|
54 |
} |
|
|
55 |
#test-controls ul{ |
|
|
56 |
margin: 0; |
|
|
57 |
} |
|
|
58 |
|
|
|
59 |
.yui3-skin-sam .yui3-panel .yui3-button{ |
|
|
60 |
margin: 0.3em 0.6em; |
|
|
61 |
} |
|
|
62 |
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-bd{ |
|
|
63 |
text-align: center; |
|
|
64 |
padding: 1.5em 0 1.8em; |
|
|
65 |
} |
|
|
66 |
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-ft{ |
|
|
67 |
border-radius: 0 0 3px 3px; |
|
|
68 |
background-color: #F5F4F1; |
|
|
69 |
border-top: solid 1px #EAE6DB; |
|
|
70 |
} |
|
|
71 |
.yui3-skin-sam .yui3-panel .yui3-panel-content { |
|
|
72 |
background: none repeat scroll 0 0 white; |
|
|
73 |
border: 1px solid #A9A9A9; |
|
|
74 |
box-shadow: 0 0 15px rgba(0,0,0,0.4); |
|
|
75 |
border-radius: 3px; |
|
|
76 |
text-align: center; |
|
|
77 |
} |
|
|
78 |
|
|
|
79 |
.yui3-panel .yui3-widget-bd .message{ |
|
|
80 |
width: 70%; |
|
|
81 |
margin: 0 auto; |
|
|
82 |
text-align: left; |
|
|
83 |
padding: 11px 0 14px 50px; |
|
|
84 |
} |
|
|
85 |
.yui3-panel .yui3-widget-bd .icon-none{ |
|
|
86 |
background-image: none; |
|
|
87 |
padding-left: 0; |
|
|
88 |
width: 82%; |
|
|
89 |
text-align: center; |
|
|
90 |
} |
|
|
91 |
.yui3-panel .yui3-widget-bd .icon-bubble{ |
|
|
92 |
background-repeat: no-repeat; |
|
|
93 |
background-image: url(data:image/png;base64,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); |
|
|
94 |
*background-image: url(../assets/panel/images/icon_bubble_8bit.png); |
|
|
95 |
} |
|
|
96 |
.yui3-panel .yui3-widget-bd .icon-error{ |
|
|
97 |
background-repeat: no-repeat; |
|
|
98 |
background-image: url(data:image/png;base64,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); |
|
|
99 |
*background-image: url(../assets/panel/images/icon_error_8bit.png); |
|
|
100 |
} |
|
|
101 |
.yui3-panel .yui3-widget-bd .icon-info{ |
|
|
102 |
background-repeat: no-repeat; |
|
|
103 |
background-image: url(data:image/png;base64,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); |
|
|
104 |
*background-image: url(../assets/panel/images/icon_information_8bit.png); |
|
|
105 |
} |
|
|
106 |
.yui3-panel .yui3-widget-bd .icon-question{ |
|
|
107 |
background-repeat: no-repeat; |
|
|
108 |
background-image: url(data:image/png;base64,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); |
|
|
109 |
*background-image: url(../assets/panel/images/icon_question_8bit.png); |
|
|
110 |
} |
|
|
111 |
.yui3-panel .yui3-widget-bd .icon-warn{ |
|
|
112 |
background-repeat: no-repeat; |
|
|
113 |
background-image: url(data:image/png;base64,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); |
|
|
114 |
*background-image: url(../assets/panel/images/icon_warn_8bit.png); |
|
|
115 |
} |
|
|
116 |
.yui3-panel .yui3-widget-bd .icon-success{ |
|
|
117 |
background-repeat: no-repeat; |
|
|
118 |
background-image: url(data:image/png;base64,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); |
|
|
119 |
*background-image: url(../assets/panel/images/icon_success_8bit.png); |
|
|
120 |
} |
|
|
121 |
|
|
|
122 |
|
|
|
123 |
</style> |
|
|
124 |
<div id='test-controls'> |
|
|
125 |
<ul id="radios"> |
|
|
126 |
Dialog type: |
|
|
127 |
<li><input id="info" value="icon-info" name="dialog-types" type="radio"/> <label for="info">Information</label></li> |
|
|
128 |
<li><input id="warn" value="icon-warn" name="dialog-types" type="radio" checked="checked"/> <label for="warn">Warning</label></li> |
|
|
129 |
<li><input id="error" value="icon-error" name="dialog-types" type="radio"/> <label for="error">Error</label></li> |
|
|
130 |
<li><input id="question" value="icon-question" name="dialog-types" type="radio"/> <label for="question">Question</label></li> |
|
|
131 |
<li><input id="bubble" value="icon-bubble" name="dialog-types" type="radio"/> <label for="bubble">Bubble</label></li> |
|
|
132 |
<li><input id="success" value="icon-success" name="dialog-types" type="radio"/> <label for="success">Success</label></li> |
|
|
133 |
<li><input id="none" value="icon-none" name="dialog-types" type="radio"/> <label for="none">No icon</label></li> |
|
|
134 |
</ul> |
|
|
135 |
<div>Message Text:</div> |
|
|
136 |
<textarea>Are you sure you want to [take some action]?</textarea> |
|
|
137 |
<br> |
|
|
138 |
<button class='yui3-button btn-show'>Show Dialog</button> |
|
|
139 |
</div> |
|
|
140 |
|
|
|
141 |
<script> |
|
|
142 |
YUI().use("panel", "escape", function (Y) { // loading escape only for security on this page |
|
|
143 |
|
|
|
144 |
var dialog = new Y.Panel({ |
|
|
145 |
contentBox : Y.Node.create('<div id="dialog" />'), |
|
|
146 |
bodyContent: '<div class="message icon-warn">Are you sure you want to [take some action]?</div>', |
|
|
147 |
width : 410, |
|
|
148 |
zIndex : 6, |
|
|
149 |
centered : true, |
|
|
150 |
modal : false, // modal behavior |
|
|
151 |
render : '.example', |
|
|
152 |
visible : false, // make visible explicitly with .show() |
|
|
153 |
buttons : { |
|
|
154 |
footer: [ |
|
|
155 |
{ |
|
|
156 |
name : 'cancel', |
|
|
157 |
label : 'Cancel', |
|
|
158 |
action: 'onCancel' |
|
|
159 |
}, |
|
|
160 |
|
|
|
161 |
{ |
|
|
162 |
name : 'proceed', |
|
|
163 |
label : 'OK', |
|
|
164 |
action : 'onOK' |
|
|
165 |
} |
|
|
166 |
] |
|
|
167 |
} |
|
|
168 |
}); |
|
|
169 |
|
|
|
170 |
dialog.onCancel = function (e) { |
|
|
171 |
e.preventDefault(); |
|
|
172 |
this.hide(); |
|
|
173 |
// the callback is not executed, and is |
|
|
174 |
// callback reference removed, so it won't persist |
|
|
175 |
this.callback = false; |
|
|
176 |
} |
|
|
177 |
|
|
|
178 |
dialog.onOK = function (e) { |
|
|
179 |
e.preventDefault(); |
|
|
180 |
this.hide(); |
|
|
181 |
// code that executes the user confirmed action goes here |
|
|
182 |
if(this.callback){ |
|
|
183 |
this.callback(); |
|
|
184 |
} |
|
|
185 |
// callback reference removed, so it won't persist |
|
|
186 |
this.callback = false; |
|
|
187 |
} |
|
|
188 |
|
|
|
189 |
|
|
|
190 |
////////////////////// Interactive Example JS //////////////////////////////// |
|
|
191 |
|
|
|
192 |
// action to do when the user clicks "OK" button. |
|
|
193 |
var doSomething = function(){ |
|
|
194 |
Y.log('Something was done.'); |
|
|
195 |
}; |
|
|
196 |
|
|
|
197 |
// handle a radio click: update the icon and the code snippet |
|
|
198 |
Y.all('#radios input').on('click', function(e){ |
|
|
199 |
var iconClass = 'message ' + e.currentTarget.getAttribute('value'); |
|
|
200 |
Y.one('#dialog .message').set('className', iconClass); |
|
|
201 |
dialog.callback = doSomething; // add a callback so when the user clicks "OK" button, something will get done |
|
|
202 |
}); |
|
|
203 |
|
|
|
204 |
// handle the textarea keyup: put text in dialog, and update code snippet |
|
|
205 |
Y.one('#test-controls textarea').on('keyup', function(e){ |
|
|
206 |
Y.one('#dialog .message').setHTML(Y.Escape.html(e.target.get('value'))); |
|
|
207 |
}); |
|
|
208 |
|
|
|
209 |
|
|
|
210 |
Y.one('.btn-show').on('click', function(){ |
|
|
211 |
// if page is refreshed, radios stay selected, but message icon needs to by sync'ed. |
|
|
212 |
// this is for the example only. |
|
|
213 |
Y.all('#radios input').each(function (o, i) { |
|
|
214 |
if (o.get('checked') === true){ |
|
|
215 |
Y.one('#dialog .message').set('className', 'message ' + o.getAttribute('value')); |
|
|
216 |
} |
|
|
217 |
}); |
|
|
218 |
dialog.callback = doSomething; // if you want a callback, you must add it every time, because on-hide it's removed |
|
|
219 |
dialog.show(); |
|
|
220 |
}); |
|
|
221 |
|
|
|
222 |
// init with a callback |
|
|
223 |
dialog.callback = doSomething; // add a callback so when the user clicks "OK" button, something will get done |
|
|
224 |
|
|
|
225 |
}); |
|
|
226 |
</script> |
|
|
227 |
</div> |
|
|
228 |
|
|
|
229 |
<h2>Creating a reusable dialog</h2> |
|
|
230 |
|
|
|
231 |
<h3>The HTML</h3> |
|
|
232 |
|
|
|
233 |
<p> |
|
|
234 |
<strong>Note:</strong> be sure to add the <code>yui3-skin-sam</code> classname to the |
|
|
235 |
page's <code><body></code> element or to a parent element of the widget in order to apply |
|
|
236 |
the default CSS skin. See <a href="http://yuilibrary.com/yui/docs/tutorials/skins/">Understanding Skinning</a>. |
|
|
237 |
</p> |
|
|
238 |
|
|
|
239 |
<pre class="code prettyprint"><body class="yui3-skin-sam"> <!-- You need this skin class --> |
|
|
240 |
|
|
|
241 |
<!-- We'll use this button to just represent some user initiated event --> |
|
|
242 |
<button class='yui3-button btn-show'>Show Dialog</button> |
|
|
243 |
|
|
|
244 |
</body></pre> |
|
|
245 |
|
|
|
246 |
<h3>Setting Up The YUI Instance</h3> |
|
|
247 |
|
|
|
248 |
<p> |
|
|
249 |
The only module you need is the <code>panel</code> module. |
|
|
250 |
</p> |
|
|
251 |
|
|
|
252 |
<pre class="code prettyprint"><script> |
|
|
253 |
YUI().use('panel', function (Y) { |
|
|
254 |
// We'll write example code here |
|
|
255 |
}); |
|
|
256 |
</script></pre> |
|
|
257 |
|
|
|
258 |
|
|
|
259 |
<h3>Instantiating the Panel</h3> |
|
|
260 |
|
|
|
261 |
<p>The JavaScript to instantiate the panel is as follows:</p> |
|
|
262 |
|
|
|
263 |
<pre class="code prettyprint">YUI().use("panel", function (Y) { // loading escape only for security on this page |
|
|
264 |
var dialog = new Y.Panel({ |
|
|
265 |
contentBox : Y.Node.create('<div id="dialog" />'), |
|
|
266 |
bodyContent: '<div class="message icon-warn">Are you sure you want to [take some action]?</div>', |
|
|
267 |
width : 410, |
|
|
268 |
zIndex : 6, |
|
|
269 |
centered : true, |
|
|
270 |
modal : false, // modal behavior |
|
|
271 |
render : '.example', |
|
|
272 |
visible : false, // make visible explicitly with .show() |
|
|
273 |
buttons : { |
|
|
274 |
footer: [ |
|
|
275 |
{ |
|
|
276 |
name : 'cancel', |
|
|
277 |
label : 'Cancel', |
|
|
278 |
action: 'onCancel' |
|
|
279 |
}, |
|
|
280 |
|
|
|
281 |
{ |
|
|
282 |
name : 'proceed', |
|
|
283 |
label : 'OK', |
|
|
284 |
action : 'onOK' |
|
|
285 |
} |
|
|
286 |
] |
|
|
287 |
} |
|
|
288 |
}); |
|
|
289 |
|
|
|
290 |
dialog.onCancel = function (e) { |
|
|
291 |
e.preventDefault(); |
|
|
292 |
this.hide(); |
|
|
293 |
// the callback is not executed, and is |
|
|
294 |
// callback reference removed, so it won't persist |
|
|
295 |
this.callback = false; |
|
|
296 |
} |
|
|
297 |
|
|
|
298 |
dialog.onOK = function (e) { |
|
|
299 |
e.preventDefault(); |
|
|
300 |
this.hide(); |
|
|
301 |
// code that executes the user confirmed action goes here |
|
|
302 |
if(this.callback){ |
|
|
303 |
this.callback(); |
|
|
304 |
} |
|
|
305 |
// callback reference removed, so it won't persist |
|
|
306 |
this.callback = false; |
|
|
307 |
} |
|
|
308 |
|
|
|
309 |
});</pre> |
|
|
310 |
|
|
|
311 |
<h3>Reuse the Dialog</h3> |
|
|
312 |
Since it's common to want the user to give their confirmation before some action |
|
|
313 |
happens, this example passes a callback function to the dialog. |
|
|
314 |
<pre class="code prettyprint">// a function to do when the user clicks the "OK" button in the dialog. |
|
|
315 |
var doSomething = function(){ |
|
|
316 |
Y.log('Something was done.'); |
|
|
317 |
};</pre> |
|
|
318 |
|
|
|
319 |
|
|
|
320 |
Each time you want to show a dialog for a different purpose, you can reuse the same |
|
|
321 |
dialog and just: |
|
|
322 |
<ul> |
|
|
323 |
<li>Set the message text.</li> |
|
|
324 |
<li>Change the icon.</li> |
|
|
325 |
<li>Assign a function to the "OK" button (optional).</li> |
|
|
326 |
</ul> |
|
|
327 |
|
|
|
328 |
In this example, there's a callback property on the dialog object. |
|
|
329 |
If you want to, you can set its value with a reference to your own |
|
|
330 |
function so the dialog can trigger different actions each time it's shown. |
|
|
331 |
This example removes the callback reference each time a dialog button is |
|
|
332 |
clicked to make sure it's not unintentionally persisted. |
|
|
333 |
If you use a callback, you'll need to add it every time the dialog is shown. |
|
|
334 |
|
|
|
335 |
|
|
|
336 |
<pre class="code prettyprint">Y.one('.btn-show').on('click', function(){ |
|
|
337 |
// set the content you want in the message |
|
|
338 |
Y.one('#dialog .message').setHTML('Are you sure you want to [take some action]?'); |
|
|
339 |
|
|
|
340 |
// set the icon (or none) that appears next to the message. |
|
|
341 |
// the Class 'message' also needs to be maintained. |
|
|
342 |
Y.one('#dialog .message').set('className', 'message icon-bubble'); |
|
|
343 |
/* classnames and images provided in the CSS are: |
|
|
344 |
.icon-bubble |
|
|
345 |
.icon-error |
|
|
346 |
.icon-info |
|
|
347 |
.icon-question |
|
|
348 |
.icon-warn |
|
|
349 |
.icon-success |
|
|
350 |
.icon-none |
|
|
351 |
*/ |
|
|
352 |
|
|
|
353 |
// set the callback to reference a function |
|
|
354 |
dialog.callback = doSomething; |
|
|
355 |
|
|
|
356 |
dialog.show(); |
|
|
357 |
});</pre> |
|
|
358 |
|
|
|
359 |
|
|
|
360 |
|
|
|
361 |
<h3>The CSS</h3> |
|
|
362 |
|
|
|
363 |
<pre class="code prettyprint"><style> |
|
|
364 |
.yui3-skin-sam .yui3-panel .yui3-button{ |
|
|
365 |
margin: 0.3em 0.6em; |
|
|
366 |
} |
|
|
367 |
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-bd{ |
|
|
368 |
text-align: center; |
|
|
369 |
padding: 1.5em 0 1.8em; |
|
|
370 |
} |
|
|
371 |
.yui3-skin-sam .yui3-panel .yui3-panel-content .yui3-widget-ft{ |
|
|
372 |
border-radius: 0 0 3px 3px; |
|
|
373 |
background-color: #F5F4F1; |
|
|
374 |
border-top: solid 1px #EAE6DB; |
|
|
375 |
} |
|
|
376 |
.yui3-skin-sam .yui3-panel .yui3-panel-content { |
|
|
377 |
background: none repeat scroll 0 0 white; |
|
|
378 |
border: 1px solid #A9A9A9; |
|
|
379 |
box-shadow: 0 0 15px rgba(0,0,0,0.4); |
|
|
380 |
border-radius: 3px; |
|
|
381 |
text-align: center; |
|
|
382 |
} |
|
|
383 |
|
|
|
384 |
.yui3-panel .yui3-widget-bd .message{ |
|
|
385 |
width: 70%; |
|
|
386 |
margin: 0 auto; |
|
|
387 |
text-align: left; |
|
|
388 |
padding: 11px 0 14px 50px; |
|
|
389 |
} |
|
|
390 |
.yui3-panel .yui3-widget-bd .icon-none{ |
|
|
391 |
background-image: none; |
|
|
392 |
padding-left: 0; |
|
|
393 |
width: 82%; |
|
|
394 |
text-align: center; |
|
|
395 |
} |
|
|
396 |
.yui3-panel .yui3-widget-bd .icon-bubble{ |
|
|
397 |
background-repeat: no-repeat; |
|
|
398 |
background-image: url(data:image/png;base64,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); |
|
|
399 |
*background-image: url(../assets/panel/images/icon_bubble_8bit.png); |
|
|
400 |
} |
|
|
401 |
.yui3-panel .yui3-widget-bd .icon-error{ |
|
|
402 |
background-repeat: no-repeat; |
|
|
403 |
background-image: url(data:image/png;base64,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); |
|
|
404 |
*background-image: url(../assets/panel/images/icon_error_8bit.png); |
|
|
405 |
} |
|
|
406 |
.yui3-panel .yui3-widget-bd .icon-info{ |
|
|
407 |
background-repeat: no-repeat; |
|
|
408 |
background-image: url(data:image/png;base64,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); |
|
|
409 |
*background-image: url(../assets/panel/images/icon_information_8bit.png); |
|
|
410 |
} |
|
|
411 |
.yui3-panel .yui3-widget-bd .icon-question{ |
|
|
412 |
background-repeat: no-repeat; |
|
|
413 |
background-image: url(data:image/png;base64,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); |
|
|
414 |
*background-image: url(../assets/panel/images/icon_question_8bit.png); |
|
|
415 |
} |
|
|
416 |
.yui3-panel .yui3-widget-bd .icon-warn{ |
|
|
417 |
background-repeat: no-repeat; |
|
|
418 |
background-image: url(data:image/png;base64,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); |
|
|
419 |
*background-image: url(../assets/panel/images/icon_warn_8bit.png); |
|
|
420 |
} |
|
|
421 |
.yui3-panel .yui3-widget-bd .icon-success{ |
|
|
422 |
background-repeat: no-repeat; |
|
|
423 |
background-image: url(data:image/png;base64,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); |
|
|
424 |
*background-image: url(../assets/panel/images/icon_success_8bit.png); |
|
|
425 |
} |
|
|
426 |
|
|
|
427 |
|
|
|
428 |
</style></pre> |
|
|
429 |
|
|
|
430 |
|
|
|
431 |
<h3>The Icon Source Files</h3> |
|
|
432 |
|
|
|
433 |
Here we provide the |
|
|
434 |
<a href="../assets/panel/icon_image_source_files.zip">original source files</a> |
|
|
435 |
for the icons, in case you'd like to modify them, or create others. We created |
|
|
436 |
them ourselves, just for you, so you can be sure they are open source. |
|
|
437 |
</div> |
|
|
438 |
</div> |
|
|
439 |
</div> |
|
|
440 |
|
|
|
441 |
<div class="yui3-u-1-4"> |
|
|
442 |
<div class="sidebar"> |
|
|
443 |
|
|
|
444 |
|
|
|
445 |
|
|
|
446 |
<div class="sidebox"> |
|
|
447 |
<div class="hd"> |
|
|
448 |
<h2 class="no-toc">Examples</h2> |
|
|
449 |
</div> |
|
|
450 |
|
|
|
451 |
<div class="bd"> |
|
|
452 |
<ul class="examples"> |
|
|
453 |
|
|
|
454 |
|
|
|
455 |
<li data-description="Shows how to instantiate multiple Panel instances, and use nested modality to interact with a Datatable."> |
|
|
456 |
<a href="panel-form.html">Creating a Modal Form</a> |
|
|
457 |
</li> |
|
|
458 |
|
|
|
459 |
|
|
|
460 |
|
|
|
461 |
<li data-description="Shows how to create a panel that animates as it is shown and hidden"> |
|
|
462 |
<a href="panel-animate.html">Creating an Animated Panel</a> |
|
|
463 |
</li> |
|
|
464 |
|
|
|
465 |
|
|
|
466 |
|
|
|
467 |
<li data-description="Shows how to create a dialog instance that can be reused for multiple messages and confirmations."> |
|
|
468 |
<a href="dialog.html">Creating a Reusable Dialog</a> |
|
|
469 |
</li> |
|
|
470 |
|
|
|
471 |
|
|
|
472 |
</ul> |
|
|
473 |
</div> |
|
|
474 |
</div> |
|
|
475 |
|
|
|
476 |
|
|
|
477 |
|
|
|
478 |
</div> |
|
|
479 |
</div> |
|
|
480 |
</div> |
|
|
481 |
</div> |
|
|
482 |
|
|
|
483 |
<script src="../assets/vendor/prettify/prettify-min.js"></script> |
|
|
484 |
<script>prettyPrint();</script> |
|
|
485 |
|
|
|
486 |
<script> |
|
|
487 |
YUI.Env.Tests = { |
|
|
488 |
examples: [], |
|
|
489 |
project: '../assets', |
|
|
490 |
assets: '../assets/panel', |
|
|
491 |
name: 'dialog', |
|
|
492 |
title: 'Creating a Reusable Dialog', |
|
|
493 |
newWindow: '', |
|
|
494 |
auto: false |
|
|
495 |
}; |
|
|
496 |
YUI.Env.Tests.examples.push('panel-form'); |
|
|
497 |
YUI.Env.Tests.examples.push('panel-animate'); |
|
|
498 |
YUI.Env.Tests.examples.push('dialog'); |
|
|
499 |
|
|
|
500 |
</script> |
|
|
501 |
<script src="../assets/yui/test-runner.js"></script> |
|
|
502 |
|
|
|
503 |
|
|
|
504 |
|
|
|
505 |
</body> |
|
|
506 |
</html> |