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