Schulungsvideos - FORMCYCLE Wiki

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

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

'bgcolor': '#cae7df',

33

'color': '#2b3649',

34

'colordesc': '#617496'

35

}])

36

37

## 'icon': 'fa fa-play-circle',

38

## 'title': 'Einführungsvideos',

39

## 'description': 'Kurze Videos zum Vorstellen einzelner FORMCYCLE-Funktionen; ggf. Titel "Schnelleinstieg"',

40

## 'documentation': 'https://formcycle.eu/de/features'

41

##}, {

42

## 'iconfc': 'puzzle',

43

## 'title': 'Anwendungsfälle',

44

## 'description': 'Formulardaten verarbeiten',

45

## 'documentation': 'doc:Anwendungsfälle.WebHome'

##}, {

## 'icon': 'fa fa-share-square',

51

## 'title': 'Daten extern weiterverarbeiten',

52

## 'description': 'Mit FORMCYCLE erfasste Daten an andere Systeme weiterleiten',

53

## 'documentation': 'Formcycle.UserInterface.MyForms.WorkflowProcessing'

##}, {

##$jsontool.serialize(${mainCards})<br>

60

##$jsontool.serialize($mainCards)<br>

<style>

.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}

75

.jqcloud span {

76

-moz-user-select: -moz-none;

77

-khtml-user-select: none;

78

-webkit-user-select: none;

79

-ms-user-select: none;

80

user-select: none;

81

background-color: #eaeaef;

82

border-radius: 10px;

83

padding: 0px 4px 0px 4px;

84

}

85

.jqcloud span.jqHighlight {

86

color: #0cf !important;

}

.jQButton {

color: #fff;

background-color: #3480AD;/*#f0f0f3*/

91

text-align: center;

92

display: inline-block;

93

border-radius: 4px;

94

padding: 4px 10px 4px 22px;

font-size: 15px

margin: auto;

margin-bottom: 5px;

-moz-user-select: -moz-none;

99

-khtml-user-select: none;

100

-webkit-user-select: none;

101

-ms-user-select: none;

102

user-select: none;

103

}

104

.jQButton[active=false] {

105

background-color: #a7a7a7;

106

}

107

.jQButton:hover {

108

background-color: #0cf;

109

}

110

.jQButton[active=false]:hover {

111

background-color: #676767;

112

}

113

.jQButton .jQButton-icon::before {

114

font-family: "FontAwesome";

font-size: 14px;

font-weight: 400;

content: "\f046";

}

.jQButton[active=false] .jQButton-icon::before {

content: "\f096";

}

.jQButton-icon {

position: absolute;

margin-left: -11px;

}

</style>

require(['jquery'],function(XjQ) {

'use strict';

/*

* Plugin class

*/

var jQCloud = function(element, word_array, options) {

136

this.Xelement = XjQ(element);

137

138

this.word_array = word_array || [];

139

this.options = options;

140

141

this.sizeGenerator = null;

142

this.colorGenerator = null;

143

144

// Data used internally

this.data = {

placed_words: [],

timeouts: {},

namespace: null,

step: null,

angle: null,

aspect_ratio: null,

max_weight: null,

min_weight: null,

sizes: [],

colors: []

};

this.initialize();

};

jQCloud.DEFAULTS = {

width: 100,

height: 100,

center: { x: 0.5, y: 0.5 },

steps: 10,

delay: null,

shape: 'elliptic',

classPattern: 'w{n}',

169

encodeURI: true,

170

removeOverflowing: true,

171

afterCloudRender: null,

autoResize: false,

colors: null,

fontSize: null,

template: null

};

jQCloud.prototype = {

179

initialize: function() {

180

// Set/Get dimensions

181

if (this.options.width) {

182

this.Xelement.width(this.options.width);

183

}

184

else {

185

this.options.width = this.Xelement.width();

186

}

187

if (this.options.height) {

188

this.Xelement.height(this.options.height);

189

}

190

else {

191

this.options.height = this.Xelement.height();

192

}

193

194

// Default options value

195

this.options = XjQ.extend(true, {}, jQCloud.DEFAULTS, this.options);

196

197

// Ensure delay

198

if (this.options.delay === null) {

199

this.options.delay = this.word_array.length > 50 ? 10 : 0;

200

}

201

202

// Backward compatibility

203

if (this.options.center.x > 1) {

204

this.options.center.x = this.options.center.x / this.options.width;

205

this.options.center.y = this.options.center.y / this.options.height;

206

}

207

208

// Create colorGenerator function from options

209

// Direct function

210

if (typeof this.options.colors == 'function') {

211

this.colorGenerator = this.options.colors;

212

}

213

// Array of sizes

214

else if (XjQ.isArray(this.options.colors)) {

215

var cl = this.options.colors.length;

216

if (cl > 0) {

217

// Fill the sizes array to X items

218

if (cl < this.options.steps) {

219

for (var i = cl; i < this.options.steps; i++) {

220

this.options.colors[i] = this.options.colors[cl - 1];

}

}

this.colorGenerator = function(weight) {

225

return this.options.colors[this.options.steps - weight];

};

}

}

// Create sizeGenerator function from options

231

// Direct function

232

if (typeof this.options.fontSize == 'function') {

233

this.sizeGenerator = this.options.fontSize;

234

}

235

// Object with 'from' and 'to'

236

else if (XjQ.isPlainObject(this.options.fontSize)) {

237

this.sizeGenerator = function(width, height, weight) {

238

var max = width * this.options.fontSize.from,

239

min = width * this.options.fontSize.to;

240

return Math.round(min + (max - min) * 1.0 / (this.options.steps - 1) * (weight - 1)) + 'px';

};

}

// Array of sizes

else if (XjQ.isArray(this.options.fontSize)) {

245

var sl = this.options.fontSize.length;

246

if (sl > 0) {

247

// Fill the sizes array to X items

248

if (sl < this.options.steps) {

249

for (var j = sl; j < this.options.steps; j++) {

250

this.options.fontSize[j] = this.options.fontSize[sl - 1];

}

}

this.sizeGenerator = function(width, height, weight) {

255

return this.options.fontSize[this.options.steps - weight];

};

}

}

this.data.angle = Math.random() * 6.28;

261

this.data.step = (this.options.shape === 'rectangular') ? 18.0 : 2.0;

262

this.data.aspect_ratio = this.options.width / this.options.height;

263

this.clearTimeouts();

264

265

// Namespace word ids to avoid collisions between multiple clouds

266

this.data.namespace = (this.Xelement.attr('id') || Math.floor((Math.random() * 1000000)).toString(36)) + '_word_';

267

268

this.Xelement.addClass('jqcloud');

269

270

// Container's CSS position cannot be 'static'

271

if (this.Xelement.css('position') === 'static') {

272

this.Xelement.css('position', 'relative');

273

}

274

275

// Delay execution so that the browser can render the page before the computatively intensive word cloud drawing

276

this.createTimeout(XjQ.proxy(this.drawWordCloud, this), 10);

277

278

// Attach window resize event

279

if (this.options.autoResize) {

280

XjQ(window).on('resize.' + this.data.namespace, throttle(this.resize, 50, this));

}

},

// Helper function to keep track of timeouts so they can be destroyed

285

createTimeout: function(callback, time) {

286

var timeout = setTimeout(XjQ.proxy(function() {

287

delete this.data.timeouts[timeout];

288

callback();

289

}, this), time);

290

this.data.timeouts[timeout] = true;

291

},

292

293

// Destroy all timeouts

294

clearTimeouts: function() {

295

XjQ.each(this.data.timeouts, function(key) {

296

clearTimeout(key);

297

});

298

this.data.timeouts = {};

299

},

300

301

// Pairwise overlap detection

302

overlapping: function(a, b) {

303

if (Math.abs(2.0 * a.left + a.width - 2.0 * b.left - b.width) < a.width + b.width) {

304

if (Math.abs(2.0 * a.top + a.height - 2.0 * b.top - b.height) < a.height + b.height) {

return true;

}

}

return false;

},

// Helper function to test if an element overlaps others

312

hitTest: function(elem) {

313

// Check elements for overlap one by one, stop and return false as soon as an overlap is found

314

for (var i = 0, l = this.data.placed_words.length; i < l; i++) {

315

if (this.overlapping(elem, this.data.placed_words[i])) {

return true;

}

}

return false;

},

// Initialize the drawing of the whole cloud

323

drawWordCloud: function() {

324

var i, l;

325

326

this.Xelement.children('[id^="' + this.data.namespace + '"]').remove();

327

328

if (this.word_array.length === 0) {

return;

}

// Make sure every weight is a number before sorting

333

for (i = 0, l = this.word_array.length; i < l; i++) {

334

this.word_array[i].weight = parseFloat(this.word_array[i].weight, 10);

335

}

336

337

// Sort word_array from the word with the highest weight to the one with the lowest

338

this.word_array.sort(function(a, b) {

339

return b.weight - a.weight;

340

});

341

342

// Kepp trace of bounds

343

this.data.max_weight = this.word_array[0].weight;

344

this.data.min_weight = this.word_array[this.word_array.length - 1].weight;

345

346

// Generate colors

347

this.data.colors = [];

348

if (this.colorGenerator) {

349

for (i = 0; i < this.options.steps; i++) {

350

this.data.colors.push(this.colorGenerator(i + 1));

}

}

// Generate font sizes

355

this.data.sizes = [];

356

if (this.sizeGenerator) {

357

for (i = 0; i < this.options.steps; i++) {

358

this.data.sizes.push(this.sizeGenerator(this.options.width, this.options.height, i + 1));

}

}

// Iterate drawOneWord on every word, immediately or with delay

363

if (this.options.delay > 0) {

364

this.drawOneWordDelayed();

365

}

366

else {

367

for (i = 0, l = this.word_array.length; i < l; i++) {

368

this.drawOneWord(i, this.word_array[i]);

369

}

370

371

if (typeof this.options.afterCloudRender === 'function') {

372

this.options.afterCloudRender.call(this.Xelement);

}

}

},

// Function to draw a word, by moving it in spiral until it finds a suitable empty place

378

drawOneWord: function(index, word) {

379

var word_id = this.data.namespace + index,

380

word_selector = '#' + word_id,

381

382

// option.shape == 'elliptic'

383

angle = this.data.angle,

384

radius = 0.0,

385

386

// option.shape == 'rectangular'

387

steps_in_direction = 0.0,

388

quarter_turns = 0.0,

389

390

weight = Math.floor(this.options.steps / 2),

word_span,

word_size,

word_style;

// Create word attr object

396

//word.attr = XjQ.extend({}, word.html, { id: word_id });

397

word.attr = XjQ.extend({}, word.html, { id: word_id, group: (word.group ? word.group : "") });

398

399

// Linearly map the original weight to a discrete scale from 1 to 10

400

// Only if weights are different

401

if (this.data.max_weight != this.data.min_weight) {

402

weight = Math.round((word.weight - this.data.min_weight) * 1.0 * (this.options.steps - 1) / (this.data.max_weight - this.data.min_weight)) + 1;

403

}

404

word_span = XjQ('<span>').attr(word.attr);

405

406

word_span.addClass('jqcloud-word');

407

408

// Apply class

409

if (this.options.classPattern) {

410

word_span.addClass(this.options.classPattern.replace('{n}', weight));

}

// Apply color

if (this.data.colors.length) {

415

word_span.css('color', this.data.colors[weight - 1]);

416

}

417

418

// Apply color from word property

419

if (word.color) {

420

word_span.css('color', word.color);

}

// Apply size

if (this.data.sizes.length) {

425

word_span.css('font-size', this.data.sizes[weight - 1]);

426

}

427

428

//Render using template function if provided.

429

if (this.options.template) {

430

word_span.html(this.options.template(word));

431

} else if (word.link) {

432

// Append link if word.link attribute was set

433

// If link is a string, then use it as the link href

434

if (typeof word.link === 'string') {

435

word.link = { href: word.link };

436

}

437

438

if (this.options.encodeURI) {

439

word.link.href = encodeURI(word.link.href).replace(/'/g, '%27');

440

}

441

442

word_span.append(XjQ('<a>').attr(word.link).text(word.text));

443

}

444

else {

445

word_span.text(word.text);

446

}

447

448

// Bind handlers to words

449

if (word.handlers) {

450

word_span.on(word.handlers);

451

}

452

453

this.Xelement.append(word_span);

454

455

word_size = {

456

width: word_span.outerWidth(),

457

height: word_span.outerHeight()

458

};

459

word_size.left = this.options.center.x * this.options.width - word_size.width / 2.0;

460

word_size.top = this.options.center.y * this.options.height - word_size.height / 2.0;

461

462

// Save a reference to the style property, for better performance

463

word_style = word_span[0].style;

464

word_style.position = 'absolute';

465

word_style.left = word_size.left + 'px';

466

word_style.top = word_size.top + 'px';

467

468

while (this.hitTest(word_size)) {

469

// option shape is 'rectangular' so move the word in a rectangular spiral

470

if (this.options.shape === 'rectangular') {

471

steps_in_direction++;

472

473

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)) {

474

steps_in_direction = 0.0;

quarter_turns++;

}

switch (quarter_turns % 4) {

479

case 1:

480

word_size.left += this.data.step * this.data.aspect_ratio + Math.random() * 2.0;

481

break;

482

case 2:

483

word_size.top -= this.data.step + Math.random() * 2.0;

484

break;

485

case 3:

486

word_size.left -= this.data.step * this.data.aspect_ratio + Math.random() * 2.0;

487

break;

488

case 0:

489

word_size.top += this.data.step + Math.random() * 2.0;

break;

}

}

// Default settings: elliptic spiral shape

494

else {

495

radius += this.data.step;

496

angle += (index % 2 === 0 ? 1 : -1) * this.data.step;

497

498

word_size.left = this.options.center.x * this.options.width - (word_size.width / 2.0) + (radius * Math.cos(angle)) * this.data.aspect_ratio;

499

word_size.top = this.options.center.y * this.options.height + radius * Math.sin(angle) - (word_size.height / 2.0);

500

}

501

word_style.left = word_size.left + 'px';

502

word_style.top = word_size.top + 'px';

503

}

504

505

// Don't render word if part of it would be outside the container

506

if (this.options.removeOverflowing && (

507

word_size.left < 0 || word_size.top < 0 ||

508

(word_size.left + word_size.width) > this.options.width ||

509

(word_size.top + word_size.height) > this.options.height

)

) {

word_span.remove();

return;

}

// Save position for further usage

517

this.data.placed_words.push(word_size);

518

519

if (typeof word.afterWordRender === 'function') {

520

word.afterWordRender.call(word_span);

}

},

// Draw one word then recall the function after a delay

525

drawOneWordDelayed: function(index) {

526

index = index || 0;

527

528

// if not visible then do not attempt to draw

529

if (!this.Xelement.is(':visible')) {

530

this.createTimeout(XjQ.proxy(function() {

531

this.drawOneWordDelayed(index);

}, this), 10);

return;

}

if (index < this.word_array.length) {

538

this.drawOneWord(index, this.word_array[index]);

539

540

this.createTimeout(XjQ.proxy(function() {

541

this.drawOneWordDelayed(index + 1);

542

}, this), this.options.delay);

543

}

544

else {

545

if (typeof this.options.afterCloudRender == 'function') {

546

this.options.afterCloudRender.call(this.Xelement);

}

}

},

// Destroy any data and objects added by the plugin

552

destroy: function() {

553

if (this.options.autoResize) {

554

XjQ(window).off('resize.' + this.data.namespace);

555

}

556

557

this.clearTimeouts();

558

this.Xelement.removeClass('jqcloud');

559

this.Xelement.removeData('jqcloud');

560

this.Xelement.children('[id^="' + this.data.namespace + '"]').remove();

561

},

562

563

// Update the list of words

564

update: function(word_array) {

565

this.word_array = word_array;

566

this.data.placed_words = [];

567

568

this.clearTimeouts();

569

this.drawWordCloud();

},

resize: function() {

var new_size = {

width: this.Xelement.width(),

575

height: this.Xelement.height()

576

};

577

578

if (new_size.width != this.options.width || new_size.height != this.options.height) {

579

this.options.width = new_size.width;

580

this.options.height = new_size.height;

581

this.data.aspect_ratio = this.options.width / this.options.height;

582

583

this.update(this.word_array);

}

},

};

/*

* Apply throttling to a callback

590

* @param callback {function}

591

* @param delay {int} milliseconds

592

* @param context {object|null}

593

* @return {function}

594

*/

595

function throttle(callback, delay, context) {

var state = {

pid: null,

last: 0

};

return function() {

var elapsed = new Date().getTime() - state.last,

args = arguments,

that = this;

function exec() {

state.last = new Date().getTime();

608

return callback.apply(context || that, Array.prototype.slice.call(args));

609

}

610

611

if (elapsed > delay) {

return exec();

}

else {

clearTimeout(state.pid);

616

state.pid = setTimeout(exec, delay - elapsed);

}

};

}

/*

* jQuery plugin

*/

XjQ.fn.jQCloud = function(word_array, option) {

625

var args = arguments;

626

627

return this.each(function() {

628

var Xthis = XjQ(this),

629

data = Xthis.data('jqcloud');

630

631

if (!data && word_array === 'destroy') {

632

// Don't even try to initialize when called with 'destroy'

return;

}

if (!data) {

var options = typeof option === 'object' ? option : {};

637

Xthis.data('jqcloud', (data = new jQCloud(this, word_array, options)));

638

}

639

else if (typeof word_array === 'string') {

640

data[word_array].apply(data, Array.prototype.slice.call(args, 1));

}

});

};

XjQ.fn.jQCloud.defaults = {

646

set: function(options) {

647

XjQ.extend(true, jQCloud.DEFAULTS, options);

648

},

649

get: function(key) {

650

var options = jQCloud.DEFAULTS;

651

if (key) {

652

options = options[key];

653

}

654

return XjQ.extend(true, {}, options);

}

};

var jQwords = [

{text: "Druckvorschau", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

660

{text: "Link im Formular", weight: 6, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

661

{text: "Kalenderwidget anpassen", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

662

{text: "Optionale Daten einer Auswahl mitspeichern (col Attribute)", weight: 4, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

663

{text: "Aktion vor Absenden ausführen", weight: 5, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

664

{text: "Absenden ohne Speichern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

665

{text: "Eigene Formularfeld-Validatoren (Regex)", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

666

{text: "Wiederholende Felder (dynamic) im JS adressieren", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

667

{text: "Events an dynamic Felder anhängen", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

668

{text: "[Richtext-Editor (Ticket #4227)]", weight: 3, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

669

{text: "Vorbelegung von Daten im Formular (extern)", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

670

{text: "intiale Vorbelegung von Daten in Feldern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

671

{text: "Formularfelder mit LDAP-Daten vorbelegen (Ticket 3701)", weight: 3, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

672

{text: "Formulareingaben zurücksetzen", weight: 7, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

673

{text: "Formulardaten lokal speichern und später wieder laden (Ticket #3964)", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

674

{text: "Formular zwischenspeichern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

675

{text: "Labeltext zur Laufzeit manipulieren (Ticket #3493)", weight: 5, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

676

{text: "Mehrfachbedingungen im Designer", weight: 7, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

677

{text: "zusätzliches JS und CSS in allen Formularen", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

678

{text: "mehrseitige Formulare", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

679

{text: "responive / mobile Ansicht", weight: 10, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

680

{text: "andere Schriftart einbinden / Design ändern", weight: 9, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

681

{text: "Java-Script API", weight: 8, group: 'Designer', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

682

683

{text: "Datenquellen für Auswahllisten hinterlegen", weight: 8, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

684

{text: "Datenquellen in Auswahllisten anhand von Parametern hinterlegen", weight: 6, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

685

{text: "Leerer erster Eintrag bei SQL-Datenquelle (Ticket #4068)", weight: 5, group: 'Datenquellen', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

686

687

{text: "Mehrfachbedingungen im Workflow", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

688

{text: "Automatisiertes Löschen nach bestimmten Zeitraum", weight: 9, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

689

{text: "Exportmöglichkeiten von Daten", weight: 6, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

690

{text: "E-Mail Aktionen abhängig von Eingaben (Bedingungen) durchführen", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

691

{text: "Bedingtes Einblenden von Elementen", weight: 7, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

692

{text: "Mehrstufigen Workflow (Beispiel)", weight: 8, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

693

{text: "Statuswechsel", weight: 10, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

694

{text: "Vorgangs-ID im Druck (Word-Fill) anzeigen (Ticket #3813)", weight: 5, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

695

{text: "iCal Datei erzeugen", weight: 3, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

696

{text: "aktuelles Datum in der Verarbeitung", weight: 6, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

697

{text: "Laufende Nummer aus Nummernkreis erzeugen (Ticket #3249)", weight: 3, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

698

{text: "E-Mail-Versand", weight: 10, group: 'Statusverarbeitung', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

699

700

{text: "Migrationsmöglichkeiten in Webseite", weight: 6, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

701

{text: "Abschlussseite in Webseite anzeigen (inline)", weight: 5, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

702

{text: "Generierte Dateien auf Abschlussseite anzeigen", weight: 7, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

703

{text: "Benutzerdefinierte Abschlussseite", weight: 9, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

704

{text: "Referenznummer (Ticket #3866)", weight: 5, group: 'Abschlusseite', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

705

706

{text: "Vorgänge löschen", weight: 9, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

707

{text: "Filtermöglichkeiten", weight: 8, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

708

{text: "Stauswechsel im Postfach ermöglichen (notwendige Einstellungen)", weight: 6.5, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

709

{text: "Postfach exportieren", weight: 7, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

710

{text: "Berechtigungen/Sichtbarkeiten für Benutzer festlegen", weight: 6, group: 'Posteingang', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

711

712

{text: "Update FORMCYCLE", weight: 4, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

713

{text: "Zugriffseinschränkung - Möglichkeiten", weight: 3, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

714

{text: "I-Frame automatisch Höhe anpassen", weight: 5, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

715

{text: "Daten aus Formular werden nicht gespeichert (Disablede Felder)", weight: 6, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

716

{text: "Double Opt-In", weight: 7, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/UserInterface/MyForms/DoubleOptIn/'},

717

{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/'},

718

{text: "[Tomcat Zugriff HTTPS - Zertifikat-Einrichtung (Ticket #3295)]", weight: 5, group: 'Anderes', link: 'https://help.formcycle.eu/xwiki/bin/view/Formcycle/'},

719

{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/'},

720

];

721

##http://mistic100.github.io/jQCloud/demo.html#handlers

722

/*XjQ('#jQArea').jQCloud(jQwords, {

723

classPattern: null,

724

colors: ["#176694", "#3480AD", "#5398c1", "#76b2d6", "#7ca2b9", "#889fad", "#8e979c", "#929596", "#babbbb"],

725

fontSize: ['16px','15px','15px','14px','14px','13px','13px','12px','12px'],

//width: 500,

height: 500

});*/

var jQButtons = XjQ('.jQButton');

731

732

jQButtons.click(function() {

733

if (XjQ(this).attr('active') == 'true') {

734

XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagInvisible);

735

XjQ(this).attr('active', 'false');

736

} else {

737

XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagVisible);

738

XjQ(this).attr('active', 'true');

739

}

740

});

741

function jQTagVisible() {

742

XjQ(this).css('display', 'block');

743

}

744

function jQTagInvisible() {

745

XjQ(this).css('display', 'none');

746

}

747

748

jQButtons.hover(function() {

749

console.log("hover",XjQ(this));

750

XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagHighlighted);

751

}, function() {

752

console.log("unhover",XjQ(this));

753

XjQ('#jQArea').children('span[group="'+XjQ(this).attr('group')+'"]').each(jQTagNotHighlighted);

754

});

755

function jQTagHighlighted() {

756

XjQ(this).addClass('jqHighlight');

757

}

758

function jQTagNotHighlighted() {

759

XjQ(this).removeClass('jqHighlight');

}

});

</script>

<!--

<div id="jQBtn1" class="jQButton" group="Designer" active="true"><span class="jQButton-icon"></span>  Designer</div>

769

<div id="jQBtn1" class="jQButton" group="Datenquellen" active="true"><span class="jQButton-icon"></span>  Datenquellen</div>

770

<div id="jQBtn1" class="jQButton" group="Statusverarbeitung" active="true"><span class="jQButton-icon"></span>  Statusverarbeitung</div>

771

<div id="jQBtn1" class="jQButton" group="Abschlusseite" active="true"><span class="jQButton-icon"></span>  Abschlusseite</div>

772

<div id="jQBtn1" class="jQButton" group="Posteingang" active="true"><span class="jQButton-icon"></span>  Posteingang</div>

773

<div id="jQBtn1" class="jQButton" group="Anderes" active="true"><span class="jQButton-icon"></span>  Anderes</div>

</div>

</div>

</div>

</div>

</div>

-->

=== Kleine FAQ ===

Muss man die Übungen machen?

788

//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.//

789

790

791

Ist es immer die gleiche Übung?

792

//Nein. Für die Übungen müssen Sie sich vorher hier anmelden. Sie erhalten dann eine entsprechende Übungsaufgabe.//

793

794

795

Wie lange habe ich für die Übungen Zeit?

796

//10 Tage//