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

}])

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'

##}, {

## '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'

##}, {

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

57

##$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}

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;

}

.jQButton {

color: #fff;

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

88

text-align: center;

89

display: inline-block;

90

border-radius: 4px;

91

padding: 4px 10px 4px 22px;

font-size: 15px

margin: auto;

margin-bottom: 5px;

-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";

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

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

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

166

encodeURI: true,

167

removeOverflowing: true,

168

afterCloudRender: null,

autoResize: false,

colors: null,

fontSize: null,

template: null

};

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];

}

}

this.colorGenerator = function(weight) {

222

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

};

}

}

// 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';

};

}

// Array of sizes

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];

}

}

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

252

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

};

}

}

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

}

},

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

return true;

}

}

return false;

},

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

return true;

}

}

return false;

},

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

return;

}

// 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));

}

}

// 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));

}

}

// 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);

}

}

},

// 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),

word_span,

word_size,

word_style;

// 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));

}

// Apply color

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

}

// Apply size

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;

quarter_turns++;

}

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;

break;

}

}

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

)

) {

word_span.remove();

return;

}

// 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);

}

},

// 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);

}, this), 10);

return;

}

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

}

}

},

// 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();

},

resize: function() {

var new_size = {

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

}

},

};

/*

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

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();

605

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

606

}

607

608

if (elapsed > delay) {

return exec();

}

else {

clearTimeout(state.pid);

613

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

}

};

}

/*

* jQuery plugin

*/

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'

return;

}

if (!data) {

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

}

});

};

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

}

};

var jQwords = [

{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'],

//width: 500,

height: 500

});*/

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');

}

});

</script>

<!--

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

</div>

</div>

</div>

</div>

</div>

-->

=== Kleine FAQ ===

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