Änderungen von Dokument Schulungsvideos
Von Version 24.1
bearbeitet von XIMA Admin
am 14.03.2022, 15:54
am 14.03.2022, 15:54
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 2.1
bearbeitet von XIMA Admin
am 14.03.2022, 14:42
am 14.03.2022, 14:42
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -1,806 +1,1 @@ 1 1 In unseren Schulungsvideos begleiten wir Sie bei den ersten Schritten in FORMCYCLE. In vielen kurzen Videos lernen Sie unter anderem, wie Sie Formulare im Formulardesigner erstellen, oder Workflows konfigurieren. Dabei ist es egal, ob schon Erfahrungen in den Themen vorhanden sind, oder Sie neu einsteigen. Für jeden Kenntnisstand gibt es zahlreichen Videos. 2 - 3 - 4 -=== Wie funktioniert es? === 5 - 6 -Die Schulungsvideos sind in mehrere Blöcke aufgeteilt und am Ende jedes Blocks kann, wenn gewünscht, eine Übung durchgeführt werden. Welche Videos Sie innerhalb eines Blocks benötigen, um die Übung erfolgreich durchzuführen, liegt an Ihrem Vorwissen bzw. Kenntnisstand bei den entsprechenden Themen. 7 - 8 - 9 -Wenn die Übungen aller Blöcke abgeschlossen wurden, **kann** das Ergebnis (Formular mit Workflow) eingereicht werden und Sie erhalten zwei kostenfreie Supportanfragen. 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 -}]) 33 - 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> Designer</div> 766 - <div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span> Datenquellen</div> 767 - <div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span> Statusverarbeitung</div> 768 - <div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span> Abschlusseite</div> 769 - <div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span> Posteingang</div> 770 - <div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span> Anderes</div> 771 - </div> 772 - <div id="jQArea"> 773 - </div> 774 - </div> 775 - </div> 776 -</div> 777 ---> 778 -{{/html}} 779 -{{/velocity}} 780 - 781 - 782 -=== Kleine FAQ === 783 - 784 -Muss man die Übungen machen? 785 -//Nein. Sie können sich die Videos auch so ansehen und keine Übungen machen. Die Übungen stellen aber sicher, dass die in den Videos behandelten Themen auch verstanden wurden.// 786 - 787 - 788 -Ist es immer die gleiche Übung? 789 -//Nein. Für die Übungen müssen Sie sich vorher hier anmelden. Sie erhalten dann eine entsprechende Übungsaufgabe.// 790 - 791 - 792 -Wie lange habe ich für die Übungen Zeit? 793 -//10 Tage// 794 - 795 - 796 -Was kostet die Übung? 797 -//Nichts!// 798 - 799 - 800 -Kann man auch durchfallen? 801 -//Ja. Um die kostenfreien Support-Tickets zu erhalten möchten wir sicherstellen, dass Sie die Grundlagen beherrschen.// 802 - 803 - 804 -Die Schulungsvideos sind gut, aber bieten Sie aber trotzdem noch aufbauende Schulungen/Workshops an? 805 - 806 -//Ja. Kontaktieren Sie uns. //