Änderungen von Dokument Schulungsvideos

Von Version 5.1
bearbeitet von XIMA Admin
am 14.03.2022, 15:11
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 24.1
bearbeitet von XIMA Admin
am 14.03.2022, 15:54
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -8,7 +8,777 @@
8 8  
9 9  Wenn die Übungen aller Blöcke abgeschlossen wurden, **kann** das Ergebnis (Formular mit Workflow) eingereicht werden und Sie erhalten zwei kostenfreie Supportanfragen.
10 10  
11 +{{velocity}}
12 +#set ($mainCards = [{
13 + 'icon': 'fa fa-play-circle',
14 + 'title': 'Lektion 1',
15 + 'description': 'Erste Schritte<br>Formulardesigner',
16 + 'documentation': "Formcycle.Designer"
17 +}, {
18 + 'icon': 'fa fa-play-circle',
19 + 'title': 'Lektion 2',
20 + 'description': 'Posteingang<br>Workflowdesigner',
21 + 'documentation': 'Formcycle.Designer.Workflow'
22 +}, {
23 + 'icon': 'fa fa-play-circle',
24 + 'title': 'Lektion 3',
25 + 'description': 'Veröffentlichen<br>Benutzerverwaltung',
26 + 'documentation': 'Formcycle.UserInterface'
27 +}, {
28 + 'icon': 'fa fa-play-circle',
29 + 'title': 'Sonstiges',
30 + 'description': 'Double-Opt-In<br>Platzhalter<br>Templates<br>...',
31 + 'documentation': 'Formcycle.Inbox'
32 +}])
11 11  
34 +## 'icon': 'fa fa-play-circle',
35 +## 'title': 'Einführungsvideos',
36 +## 'description': 'Kurze Videos zum Vorstellen einzelner FORMCYCLE-Funktionen; ggf. Titel "Schnelleinstieg"',
37 +## 'documentation': 'https://formcycle.eu/de/features'
38 +##}, {
39 +## 'iconfc': 'puzzle',
40 +## 'title': 'Anwendungsfälle',
41 +## 'description': 'Formulardaten verarbeiten',
42 +## 'documentation': 'doc:Anwendungsfälle.WebHome'
43 +##}, {
44 +
45 +
46 +
47 +## 'icon': 'fa fa-share-square',
48 +## 'title': 'Daten extern weiterverarbeiten',
49 +## 'description': 'Mit FORMCYCLE erfasste Daten an andere Systeme weiterleiten',
50 +## 'documentation': 'Formcycle.UserInterface.MyForms.WorkflowProcessing'
51 +##}, {
52 +
53 +
54 +
55 +{{html}}
56 +##$jsontool.serialize(${mainCards})<br>
57 +##$jsontool.serialize($mainCards)<br>
58 +{{/html}}
59 +
60 +{{MainMenuTiles cards='$jsontool.serialize($mainCards)' /}}
61 +
62 +{{/velocity}}
63 +
64 +
65 +
66 +
67 +{{velocity}}
68 +{{html wiki="false" clean="false"}}
69 +
70 +<style>
71 +.jqcloud{font:10px Helvetica,Arial,sans-serif;line-height:normal;overflow:hidden;position:relative}.jqcloud-word{margin:0;padding:0}.jqcloud-word.w1{color:#aab5f0;font-size:100%}.jqcloud-word.w2{color:#9ce;font-size:150%}.jqcloud-word.w3{color:#a0ddff;font-size:200%}.jqcloud-word.w4{color:#90c5f0;font-size:250%}.jqcloud-word.w5{color:#90a0dd;font-size:300%}.jqcloud-word.w6{color:#90c5f0;font-size:350%}.jqcloud-word.w7{color:#39d;font-size:400%}.jqcloud-word.w8{color:#0cf;font-size:450%}.jqcloud-word.w9{color:#0cf;font-size:500%}.jqcloud-word.w10{color:#0cf;font-size:550%}.jqcloud-word a{color:inherit;font-size:inherit;text-decoration:none}.jqcloud-word a:hover{color:#0cf}
72 +.jqcloud span {
73 + -moz-user-select: -moz-none;
74 + -khtml-user-select: none;
75 + -webkit-user-select: none;
76 + -ms-user-select: none;
77 + user-select: none;
78 + background-color: #eaeaef;
79 + border-radius: 10px;
80 + padding: 0px 4px 0px 4px;
81 +}
82 +.jqcloud span.jqHighlight {
83 + color: #0cf !important;
84 +}
85 +.jQButton {
86 + color: #fff;
87 + background-color: #3480AD;/*#f0f0f3*/
88 + text-align: center;
89 + display: inline-block;
90 + border-radius: 4px;
91 + padding: 4px 10px 4px 22px;
92 + font-size: 15px
93 + margin: auto;
94 + margin-bottom: 5px;
95 + -moz-user-select: -moz-none;
96 + -khtml-user-select: none;
97 + -webkit-user-select: none;
98 + -ms-user-select: none;
99 + user-select: none;
100 +}
101 +.jQButton[active=false] {
102 + background-color: #a7a7a7;
103 +}
104 +.jQButton:hover {
105 + background-color: #0cf;
106 +}
107 +.jQButton[active=false]:hover {
108 + background-color: #676767;
109 +}
110 +.jQButton .jQButton-icon::before {
111 + font-family: "FontAwesome";
112 + font-size: 14px;
113 + font-weight: 400;
114 + content: "\f046";
115 +}
116 +.jQButton[active=false] .jQButton-icon::before {
117 + content: "\f096";
118 +}
119 +.jQButton-icon {
120 + position: absolute;
121 + margin-left: -11px;
122 +}
123 +</style>
124 +
125 +<script>
126 +require(['jquery'],function(XjQ) {
127 +'use strict';
128 +
129 +/*
130 + * Plugin class
131 + */
132 +var jQCloud = function(element, word_array, options) {
133 + this.Xelement = XjQ(element);
134 +
135 + this.word_array = word_array || [];
136 + this.options = options;
137 +
138 + this.sizeGenerator = null;
139 + this.colorGenerator = null;
140 +
141 + // Data used internally
142 + this.data = {
143 + placed_words: [],
144 + timeouts: {},
145 + namespace: null,
146 + step: null,
147 + angle: null,
148 + aspect_ratio: null,
149 + max_weight: null,
150 + min_weight: null,
151 + sizes: [],
152 + colors: []
153 + };
154 +
155 + this.initialize();
156 +};
157 +
158 +jQCloud.DEFAULTS = {
159 + width: 100,
160 + height: 100,
161 + center: { x: 0.5, y: 0.5 },
162 + steps: 10,
163 + delay: null,
164 + shape: 'elliptic',
165 + classPattern: 'w{n}',
166 + encodeURI: true,
167 + removeOverflowing: true,
168 + afterCloudRender: null,
169 + autoResize: false,
170 + colors: null,
171 + fontSize: null,
172 + template: null
173 +};
174 +
175 +jQCloud.prototype = {
176 + initialize: function() {
177 + // Set/Get dimensions
178 + if (this.options.width) {
179 + this.Xelement.width(this.options.width);
180 + }
181 + else {
182 + this.options.width = this.Xelement.width();
183 + }
184 + if (this.options.height) {
185 + this.Xelement.height(this.options.height);
186 + }
187 + else {
188 + this.options.height = this.Xelement.height();
189 + }
190 +
191 + // Default options value
192 + this.options = XjQ.extend(true, {}, jQCloud.DEFAULTS, this.options);
193 +
194 + // Ensure delay
195 + if (this.options.delay === null) {
196 + this.options.delay = this.word_array.length > 50 ? 10 : 0;
197 + }
198 +
199 + // Backward compatibility
200 + if (this.options.center.x > 1) {
201 + this.options.center.x = this.options.center.x / this.options.width;
202 + this.options.center.y = this.options.center.y / this.options.height;
203 + }
204 +
205 + // Create colorGenerator function from options
206 + // Direct function
207 + if (typeof this.options.colors == 'function') {
208 + this.colorGenerator = this.options.colors;
209 + }
210 + // Array of sizes
211 + else if (XjQ.isArray(this.options.colors)) {
212 + var cl = this.options.colors.length;
213 + if (cl > 0) {
214 + // Fill the sizes array to X items
215 + if (cl < this.options.steps) {
216 + for (var i = cl; i < this.options.steps; i++) {
217 + this.options.colors[i] = this.options.colors[cl - 1];
218 + }
219 + }
220 +
221 + this.colorGenerator = function(weight) {
222 + return this.options.colors[this.options.steps - weight];
223 + };
224 + }
225 + }
226 +
227 + // Create sizeGenerator function from options
228 + // Direct function
229 + if (typeof this.options.fontSize == 'function') {
230 + this.sizeGenerator = this.options.fontSize;
231 + }
232 + // Object with 'from' and 'to'
233 + else if (XjQ.isPlainObject(this.options.fontSize)) {
234 + this.sizeGenerator = function(width, height, weight) {
235 + var max = width * this.options.fontSize.from,
236 + min = width * this.options.fontSize.to;
237 + return Math.round(min + (max - min) * 1.0 / (this.options.steps - 1) * (weight - 1)) + 'px';
238 + };
239 + }
240 + // Array of sizes
241 + else if (XjQ.isArray(this.options.fontSize)) {
242 + var sl = this.options.fontSize.length;
243 + if (sl > 0) {
244 + // Fill the sizes array to X items
245 + if (sl < this.options.steps) {
246 + for (var j = sl; j < this.options.steps; j++) {
247 + this.options.fontSize[j] = this.options.fontSize[sl - 1];
248 + }
249 + }
250 +
251 + this.sizeGenerator = function(width, height, weight) {
252 + return this.options.fontSize[this.options.steps - weight];
253 + };
254 + }
255 + }
256 +
257 + this.data.angle = Math.random() * 6.28;
258 + this.data.step = (this.options.shape === 'rectangular') ? 18.0 : 2.0;
259 + this.data.aspect_ratio = this.options.width / this.options.height;
260 + this.clearTimeouts();
261 +
262 + // Namespace word ids to avoid collisions between multiple clouds
263 + this.data.namespace = (this.Xelement.attr('id') || Math.floor((Math.random() * 1000000)).toString(36)) + '_word_';
264 +
265 + this.Xelement.addClass('jqcloud');
266 +
267 + // Container's CSS position cannot be 'static'
268 + if (this.Xelement.css('position') === 'static') {
269 + this.Xelement.css('position', 'relative');
270 + }
271 +
272 + // Delay execution so that the browser can render the page before the computatively intensive word cloud drawing
273 + this.createTimeout(XjQ.proxy(this.drawWordCloud, this), 10);
274 +
275 + // Attach window resize event
276 + if (this.options.autoResize) {
277 + XjQ(window).on('resize.' + this.data.namespace, throttle(this.resize, 50, this));
278 + }
279 + },
280 +
281 + // Helper function to keep track of timeouts so they can be destroyed
282 + createTimeout: function(callback, time) {
283 + var timeout = setTimeout(XjQ.proxy(function() {
284 + delete this.data.timeouts[timeout];
285 + callback();
286 + }, this), time);
287 + this.data.timeouts[timeout] = true;
288 + },
289 +
290 + // Destroy all timeouts
291 + clearTimeouts: function() {
292 + XjQ.each(this.data.timeouts, function(key) {
293 + clearTimeout(key);
294 + });
295 + this.data.timeouts = {};
296 + },
297 +
298 + // Pairwise overlap detection
299 + overlapping: function(a, b) {
300 + if (Math.abs(2.0 * a.left + a.width - 2.0 * b.left - b.width) < a.width + b.width) {
301 + if (Math.abs(2.0 * a.top + a.height - 2.0 * b.top - b.height) < a.height + b.height) {
302 + return true;
303 + }
304 + }
305 + return false;
306 + },
307 +
308 + // Helper function to test if an element overlaps others
309 + hitTest: function(elem) {
310 + // Check elements for overlap one by one, stop and return false as soon as an overlap is found
311 + for (var i = 0, l = this.data.placed_words.length; i < l; i++) {
312 + if (this.overlapping(elem, this.data.placed_words[i])) {
313 + return true;
314 + }
315 + }
316 + return false;
317 + },
318 +
319 + // Initialize the drawing of the whole cloud
320 + drawWordCloud: function() {
321 + var i, l;
322 +
323 + this.Xelement.children('[id^="' + this.data.namespace + '"]').remove();
324 +
325 + if (this.word_array.length === 0) {
326 + return;
327 + }
328 +
329 + // Make sure every weight is a number before sorting
330 + for (i = 0, l = this.word_array.length; i < l; i++) {
331 + this.word_array[i].weight = parseFloat(this.word_array[i].weight, 10);
332 + }
333 +
334 + // Sort word_array from the word with the highest weight to the one with the lowest
335 + this.word_array.sort(function(a, b) {
336 + return b.weight - a.weight;
337 + });
338 +
339 + // Kepp trace of bounds
340 + this.data.max_weight = this.word_array[0].weight;
341 + this.data.min_weight = this.word_array[this.word_array.length - 1].weight;
342 +
343 + // Generate colors
344 + this.data.colors = [];
345 + if (this.colorGenerator) {
346 + for (i = 0; i < this.options.steps; i++) {
347 + this.data.colors.push(this.colorGenerator(i + 1));
348 + }
349 + }
350 +
351 + // Generate font sizes
352 + this.data.sizes = [];
353 + if (this.sizeGenerator) {
354 + for (i = 0; i < this.options.steps; i++) {
355 + this.data.sizes.push(this.sizeGenerator(this.options.width, this.options.height, i + 1));
356 + }
357 + }
358 +
359 + // Iterate drawOneWord on every word, immediately or with delay
360 + if (this.options.delay > 0) {
361 + this.drawOneWordDelayed();
362 + }
363 + else {
364 + for (i = 0, l = this.word_array.length; i < l; i++) {
365 + this.drawOneWord(i, this.word_array[i]);
366 + }
367 +
368 + if (typeof this.options.afterCloudRender === 'function') {
369 + this.options.afterCloudRender.call(this.Xelement);
370 + }
371 + }
372 + },
373 +
374 + // Function to draw a word, by moving it in spiral until it finds a suitable empty place
375 + drawOneWord: function(index, word) {
376 + var word_id = this.data.namespace + index,
377 + word_selector = '#' + word_id,
378 +
379 + // option.shape == 'elliptic'
380 + angle = this.data.angle,
381 + radius = 0.0,
382 +
383 + // option.shape == 'rectangular'
384 + steps_in_direction = 0.0,
385 + quarter_turns = 0.0,
386 +
387 + weight = Math.floor(this.options.steps / 2),
388 + word_span,
389 + word_size,
390 + word_style;
391 +
392 + // Create word attr object
393 + //word.attr = XjQ.extend({}, word.html, { id: word_id });
394 + word.attr = XjQ.extend({}, word.html, { id: word_id, group: (word.group ? word.group : "") });
395 +
396 + // Linearly map the original weight to a discrete scale from 1 to 10
397 + // Only if weights are different
398 + if (this.data.max_weight != this.data.min_weight) {
399 + weight = Math.round((word.weight - this.data.min_weight) * 1.0 * (this.options.steps - 1) / (this.data.max_weight - this.data.min_weight)) + 1;
400 + }
401 + word_span = XjQ('<span>').attr(word.attr);
402 +
403 + word_span.addClass('jqcloud-word');
404 +
405 + // Apply class
406 + if (this.options.classPattern) {
407 + word_span.addClass(this.options.classPattern.replace('{n}', weight));
408 + }
409 +
410 + // Apply color
411 + if (this.data.colors.length) {
412 + word_span.css('color', this.data.colors[weight - 1]);
413 + }
414 +
415 + // Apply color from word property
416 + if (word.color) {
417 + word_span.css('color', word.color);
418 + }
419 +
420 + // Apply size
421 + if (this.data.sizes.length) {
422 + word_span.css('font-size', this.data.sizes[weight - 1]);
423 + }
424 +
425 + //Render using template function if provided.
426 + if (this.options.template) {
427 + word_span.html(this.options.template(word));
428 + } else if (word.link) {
429 + // Append link if word.link attribute was set
430 + // If link is a string, then use it as the link href
431 + if (typeof word.link === 'string') {
432 + word.link = { href: word.link };
433 + }
434 +
435 + if (this.options.encodeURI) {
436 + word.link.href = encodeURI(word.link.href).replace(/'/g, '%27');
437 + }
438 +
439 + word_span.append(XjQ('<a>').attr(word.link).text(word.text));
440 + }
441 + else {
442 + word_span.text(word.text);
443 + }
444 +
445 + // Bind handlers to words
446 + if (word.handlers) {
447 + word_span.on(word.handlers);
448 + }
449 +
450 + this.Xelement.append(word_span);
451 +
452 + word_size = {
453 + width: word_span.outerWidth(),
454 + height: word_span.outerHeight()
455 + };
456 + word_size.left = this.options.center.x * this.options.width - word_size.width / 2.0;
457 + word_size.top = this.options.center.y * this.options.height - word_size.height / 2.0;
458 +
459 + // Save a reference to the style property, for better performance
460 + word_style = word_span[0].style;
461 + word_style.position = 'absolute';
462 + word_style.left = word_size.left + 'px';
463 + word_style.top = word_size.top + 'px';
464 +
465 + while (this.hitTest(word_size)) {
466 + // option shape is 'rectangular' so move the word in a rectangular spiral
467 + if (this.options.shape === 'rectangular') {
468 + steps_in_direction++;
469 +
470 + if (steps_in_direction * this.data.step > (1 + Math.floor(quarter_turns / 2.0)) * this.data.step * ((quarter_turns % 4 % 2) === 0 ? 1 : this.data.aspect_ratio)) {
471 + steps_in_direction = 0.0;
472 + quarter_turns++;
473 + }
474 +
475 + switch (quarter_turns % 4) {
476 + case 1:
477 + word_size.left += this.data.step * this.data.aspect_ratio + Math.random() * 2.0;
478 + break;
479 + case 2:
480 + word_size.top -= this.data.step + Math.random() * 2.0;
481 + break;
482 + case 3:
483 + word_size.left -= this.data.step * this.data.aspect_ratio + Math.random() * 2.0;
484 + break;
485 + case 0:
486 + word_size.top += this.data.step + Math.random() * 2.0;
487 + break;
488 + }
489 + }
490 + // Default settings: elliptic spiral shape
491 + else {
492 + radius += this.data.step;
493 + angle += (index % 2 === 0 ? 1 : -1) * this.data.step;
494 +
495 + word_size.left = this.options.center.x * this.options.width - (word_size.width / 2.0) + (radius * Math.cos(angle)) * this.data.aspect_ratio;
496 + word_size.top = this.options.center.y * this.options.height + radius * Math.sin(angle) - (word_size.height / 2.0);
497 + }
498 + word_style.left = word_size.left + 'px';
499 + word_style.top = word_size.top + 'px';
500 + }
501 +
502 + // Don't render word if part of it would be outside the container
503 + if (this.options.removeOverflowing && (
504 + word_size.left < 0 || word_size.top < 0 ||
505 + (word_size.left + word_size.width) > this.options.width ||
506 + (word_size.top + word_size.height) > this.options.height
507 + )
508 + ) {
509 + word_span.remove();
510 + return;
511 + }
512 +
513 + // Save position for further usage
514 + this.data.placed_words.push(word_size);
515 +
516 + if (typeof word.afterWordRender === 'function') {
517 + word.afterWordRender.call(word_span);
518 + }
519 + },
520 +
521 + // Draw one word then recall the function after a delay
522 + drawOneWordDelayed: function(index) {
523 + index = index || 0;
524 +
525 + // if not visible then do not attempt to draw
526 + if (!this.Xelement.is(':visible')) {
527 + this.createTimeout(XjQ.proxy(function() {
528 + this.drawOneWordDelayed(index);
529 + }, this), 10);
530 +
531 + return;
532 + }
533 +
534 + if (index < this.word_array.length) {
535 + this.drawOneWord(index, this.word_array[index]);
536 +
537 + this.createTimeout(XjQ.proxy(function() {
538 + this.drawOneWordDelayed(index + 1);
539 + }, this), this.options.delay);
540 + }
541 + else {
542 + if (typeof this.options.afterCloudRender == 'function') {
543 + this.options.afterCloudRender.call(this.Xelement);
544 + }
545 + }
546 + },
547 +
548 + // Destroy any data and objects added by the plugin
549 + destroy: function() {
550 + if (this.options.autoResize) {
551 + XjQ(window).off('resize.' + this.data.namespace);
552 + }
553 +
554 + this.clearTimeouts();
555 + this.Xelement.removeClass('jqcloud');
556 + this.Xelement.removeData('jqcloud');
557 + this.Xelement.children('[id^="' + this.data.namespace + '"]').remove();
558 + },
559 +
560 + // Update the list of words
561 + update: function(word_array) {
562 + this.word_array = word_array;
563 + this.data.placed_words = [];
564 +
565 + this.clearTimeouts();
566 + this.drawWordCloud();
567 + },
568 +
569 + resize: function() {
570 + var new_size = {
571 + width: this.Xelement.width(),
572 + height: this.Xelement.height()
573 + };
574 +
575 + if (new_size.width != this.options.width || new_size.height != this.options.height) {
576 + this.options.width = new_size.width;
577 + this.options.height = new_size.height;
578 + this.data.aspect_ratio = this.options.width / this.options.height;
579 +
580 + this.update(this.word_array);
581 + }
582 + },
583 +};
584 +
585 +/*
586 + * Apply throttling to a callback
587 + * @param callback {function}
588 + * @param delay {int} milliseconds
589 + * @param context {object|null}
590 + * @return {function}
591 + */
592 +function throttle(callback, delay, context) {
593 + var state = {
594 + pid: null,
595 + last: 0
596 + };
597 +
598 + return function() {
599 + var elapsed = new Date().getTime() - state.last,
600 + args = arguments,
601 + that = this;
602 +
603 + function exec() {
604 + state.last = new Date().getTime();
605 + return callback.apply(context || that, Array.prototype.slice.call(args));
606 + }
607 +
608 + if (elapsed > delay) {
609 + return exec();
610 + }
611 + else {
612 + clearTimeout(state.pid);
613 + state.pid = setTimeout(exec, delay - elapsed);
614 + }
615 + };
616 +}
617 +
618 +/*
619 + * jQuery plugin
620 + */
621 +XjQ.fn.jQCloud = function(word_array, option) {
622 + var args = arguments;
623 +
624 + return this.each(function() {
625 + var Xthis = XjQ(this),
626 + data = Xthis.data('jqcloud');
627 +
628 + if (!data && word_array === 'destroy') {
629 + // Don't even try to initialize when called with 'destroy'
630 + return;
631 + }
632 + if (!data) {
633 + var options = typeof option === 'object' ? option : {};
634 + Xthis.data('jqcloud', (data = new jQCloud(this, word_array, options)));
635 + }
636 + else if (typeof word_array === 'string') {
637 + data[word_array].apply(data, Array.prototype.slice.call(args, 1));
638 + }
639 + });
640 +};
641 +
642 +XjQ.fn.jQCloud.defaults = {
643 + set: function(options) {
644 + XjQ.extend(true, jQCloud.DEFAULTS, options);
645 + },
646 + get: function(key) {
647 + var options = jQCloud.DEFAULTS;
648 + if (key) {
649 + options = options[key];
650 + }
651 + return XjQ.extend(true, {}, options);
652 + }
653 +};
654 +
655 +var jQwords = [
656 + {text: "Druckvorschau", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
657 + {text: "Link im Formular", weight: 6, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
658 + {text: "Kalenderwidget anpassen", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
659 + {text: "Optionale Daten einer Auswahl mitspeichern (col Attribute)", weight: 4, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
660 + {text: "Aktion vor Absenden ausführen", weight: 5, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
661 + {text: "Absenden ohne Speichern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
662 + {text: "Eigene Formularfeld-Validatoren (Regex)", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
663 + {text: "Wiederholende Felder (dynamic) im JS adressieren", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
664 + {text: "Events an dynamic Felder anhängen", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
665 + {text: "[Richtext-Editor (Ticket #4227)]", weight: 3, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
666 + {text: "Vorbelegung von Daten im Formular (extern)", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
667 + {text: "intiale Vorbelegung von Daten in Feldern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
668 + {text: "Formularfelder mit LDAP-Daten vorbelegen (Ticket 3701)", weight: 3, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
669 + {text: "Formulareingaben zurücksetzen", weight: 7, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
670 + {text: "Formulardaten lokal speichern und später wieder laden (Ticket #3964)", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
671 + {text: "Formular zwischenspeichern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
672 + {text: "Labeltext zur Laufzeit manipulieren (Ticket #3493)", weight: 5, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
673 + {text: "Mehrfachbedingungen im Designer", weight: 7, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
674 + {text: "zusätzliches JS und CSS in allen Formularen", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
675 + {text: "mehrseitige Formulare", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
676 + {text: "responive / mobile Ansicht", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
677 + {text: "andere Schriftart einbinden / Design ändern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
678 + {text: "Java-Script API", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
679 +
680 + {text: "Datenquellen für Auswahllisten hinterlegen", weight: 8, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
681 + {text: "Datenquellen in Auswahllisten anhand von Parametern hinterlegen", weight: 6, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
682 + {text: "Leerer erster Eintrag bei SQL-Datenquelle (Ticket #4068)", weight: 5, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
683 +
684 + {text: "Mehrfachbedingungen im Workflow", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
685 + {text: "Automatisiertes Löschen nach bestimmten Zeitraum", weight: 9, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
686 + {text: "Exportmöglichkeiten von Daten", weight: 6, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
687 + {text: "E-Mail Aktionen abhängig von Eingaben (Bedingungen) durchführen", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
688 + {text: "Bedingtes Einblenden von Elementen", weight: 7, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
689 + {text: "Mehrstufigen Workflow (Beispiel)", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
690 + {text: "Statuswechsel", weight: 10, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
691 + {text: "Vorgangs-ID im Druck (Word-Fill) anzeigen (Ticket #3813)", weight: 5, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
692 + {text: "iCal Datei erzeugen", weight: 3, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
693 + {text: "aktuelles Datum in der Verarbeitung", weight: 6, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
694 + {text: "Laufende Nummer aus Nummernkreis erzeugen (Ticket #3249)", weight: 3, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
695 + {text: "E-Mail-Versand", weight: 10, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
696 +
697 + {text: "Migrationsmöglichkeiten in Webseite", weight: 6, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
698 + {text: "Abschlussseite in Webseite anzeigen (inline)", weight: 5, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
699 + {text: "Generierte Dateien auf Abschlussseite anzeigen", weight: 7, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
700 + {text: "Benutzerdefinierte Abschlussseite", weight: 9, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
701 + {text: "Referenznummer (Ticket #3866)", weight: 5, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
702 +
703 + {text: "Vorgänge löschen", weight: 9, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
704 + {text: "Filtermöglichkeiten", weight: 8, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
705 + {text: "Stauswechsel im Postfach ermöglichen (notwendige Einstellungen)", weight: 6.5, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
706 + {text: "Postfach exportieren", weight: 7, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
707 + {text: "Berechtigungen/Sichtbarkeiten für Benutzer festlegen", weight: 6, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
708 +
709 + {text: "Update FORMCYCLE", weight: 4, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
710 + {text: "Zugriffseinschränkung - Möglichkeiten", weight: 3, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
711 + {text: "I-Frame automatisch Höhe anpassen", weight: 5, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
712 + {text: "Daten aus Formular werden nicht gespeichert (Disablede Felder)", weight: 6, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
713 + {text: "Double Opt-In", weight: 7, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/UserInterface/MyForms/DoubleOptIn/'},
714 + {text: "[Übersicht von Lösungen bei Problemen mit z.B. DB (Ticket #3714, #3057)]", weight: 6, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
715 + {text: "[Tomcat Zugriff HTTPS - Zertifikat-Einrichtung (Ticket #3295)]", weight: 5, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
716 + {text: "Beispiele für Print CSS / Erläuterung was das PDF Print Plugin macht", weight: 7, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},
717 +];
718 +##http://mistic100.github.io/jQCloud/demo.html#handlers
719 +/*XjQ('#jQArea').jQCloud(jQwords, {
720 + classPattern: null,
721 + colors: ["#176694", "#3480AD", "#5398c1", "#76b2d6", "#7ca2b9", "#889fad", "#8e979c", "#929596", "#babbbb"],
722 + fontSize: ['16px','15px','15px','14px','14px','13px','13px','12px','12px'],
723 + //width: 500,
724 + height: 500
725 +});*/
726 +
727 +var jQButtons = XjQ('.jQButton');
728 +
729 +jQButtons.click(function() {
730 + if (XjQ(this).attr('active') == 'true') {
731 + XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagInvisible);
732 + XjQ(this).attr('active', 'false');
733 + } else {
734 + XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagVisible);
735 + XjQ(this).attr('active', 'true');
736 + }
737 +});
738 +function jQTagVisible() {
739 + XjQ(this).css('display', 'block');
740 +}
741 +function jQTagInvisible() {
742 + XjQ(this).css('display', 'none');
743 +}
744 +
745 +jQButtons.hover(function() {
746 + console.log("hover",XjQ(this));
747 + XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagHighlighted);
748 +}, function() {
749 + console.log("unhover",XjQ(this));
750 + XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagNotHighlighted);
751 +});
752 +function jQTagHighlighted() {
753 + XjQ(this).addClass('jqHighlight');
754 +}
755 +function jQTagNotHighlighted() {
756 + XjQ(this).removeClass('jqHighlight');
757 +}
758 +});
759 +</script>
760 +<!--
761 +<div class="row">
762 + <div class="d-none d-md-block col-lg-12 card-main">
763 + <div class="well" >
764 + <div id="jQButtons">
765 + <div id="jQBtn1" class="jQButton" group="Designer" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Designer</div>
766 + <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Datenquellen</div>
767 + <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Statusverarbeitung</div>
768 + <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Abschlusseite</div>
769 + <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Posteingang</div>
770 + <div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span>&nbsp;&nbsp;Anderes</div>
771 + </div>
772 + <div id="jQArea">
773 + </div>
774 + </div>
775 + </div>
776 +</div>
777 +-->
778 +{{/html}}
779 +{{/velocity}}
780 +
781 +
12 12  === Kleine FAQ ===
13 13  
14 14  Muss man die Übungen machen?