Schulungsvideos - FORMCYCLE Wiki

1

In unseren Schulungsvideos begleiten wir Sie bei den ersten Schritten in FORMCYCLE. In den zur Verfügung stehenden Lektionen lernen Sie unter anderem, wie Sie Formulare im Formulardesigner erstellen und Workflows konfigurieren, damit Sie selbständig alle Anforderungen Ihrer Formularprojekte umsetzen können.

2

3

4

=== Wie funktioniert es? ===

5

6

Die Schulungsvideos sind in mehrere Lektionen aufgeteilt und am Ende jeder Lektion kann, wenn gewünscht, eine Übung durchgeführt werden. Welche Videos Sie in einer Lektion 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 Lektionen 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': "Schulung.lektion1",

17

'bgcolor': '#cae7df',

18

'color': '#2b3649',

19

'colordesc': '#617496'

20

}, {

21

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

22

'title': 'Lektion 2',

23

'description': 'Workflowdesigner',

24

'documentation': 'Schulung.lektion2',

25

'bgcolor': '#cae7df',

26

'color': '#2b3649',

27

'colordesc': '#617496'

28

}, {

29

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

30

'title': 'Lektion 3',

31

'description': 'Postfach<br>Veröffentlichen<br>Datenquellen',

32

'documentation': 'Schulung.lektion3',

33

'bgcolor': '#cae7df',

34

'color': '#2b3649',

35

'colordesc': '#617496'

36

}, {

37

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

38

'title': 'Sonstiges',

39

'description': 'Double-Opt-In<br>Platzhalter<br>Templates<br>...',

40

'documentation': 'Schulung.lektionSonstiges'

41

}])

42

43

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

44

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

45

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

46

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

47

##}, {

48

## 'iconfc': 'puzzle',

49

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

50

## 'description': 'Formulardaten verarbeiten',

51

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

##}, {

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

57

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

58

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

59

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

##}, {

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

66

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

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;

}

.jQButton {

color: #fff;

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

97

text-align: center;

98

display: inline-block;

99

border-radius: 4px;

100

padding: 4px 10px 4px 22px;

font-size: 15px

margin: auto;

margin-bottom: 5px;

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

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

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

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

175

encodeURI: true,

176

removeOverflowing: true,

177

afterCloudRender: null,

autoResize: false,

colors: null,

fontSize: null,

template: null

};

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

}

}

this.colorGenerator = function(weight) {

231

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

};

}

}

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

};

}

// Array of sizes

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

}

}

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

261

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

};

}

}

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

}

},

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

return true;

}

}

return false;

},

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

return true;

}

}

return false;

},

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

return;

}

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

}

}

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

}

}

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

}

}

},

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

word_span,

word_size,

word_style;

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

}

// Apply color

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

}

// Apply size

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;

quarter_turns++;

}

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;

break;

}

}

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

)

) {

word_span.remove();

return;

}

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

}

},

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

}, this), 10);

return;

}

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

}

}

},

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

},

resize: function() {

var new_size = {

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

}

},

};

/*

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

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

614

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

615

}

616

617

if (elapsed > delay) {

return exec();

}

else {

clearTimeout(state.pid);

622

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

}

};

}

/*

* jQuery plugin

*/

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'

return;

}

if (!data) {

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

}

});

};

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

}

};

var jQwords = [

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

//width: 500,

height: 500

});*/

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

}

});

</script>

<!--

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

</div>

</div>

</div>

</div>

</div>

-->

=== Kleine FAQ ===

Muss man die Übungen machen?

794

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

795

796

797

Ist es immer die gleiche Übung?

798

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

799

800

801

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

802

//10 Tage//