Ein neuer sklera Layout Editor

Seit sklera vor gut zehn Jahren an den Start ging, sind laufend neue Funktionen hinzugekommen. So ist sklera zu einem immer leistungsstärkeren Werkzeug geworden, um Inhalte auf Ihre Displays zu bringen.

Unser bewährter Layout-Editor begleitet uns beinahe genauso lange. Höchste Zeit also für eine Verjüngungskur.

Wer unsere letzten Release-Artikel aufmerksam verfolgt hat, weiß: Wir haben unter der sprichwörtlichen Haube viele Anpassungen und Modernisierungen vorgenommen.

Neben einem deutlich schneller reagierenden Interface legte dies die technische Grundlage für eine Komplettüberarbeitung des Layout Editors.

Vorweg: Ihre bestehenden Layouts bleiben nutzbar und weiterhin mit allen sklera Playern kompatibel.

Alte Layouts in den neuen Layout Editor zu überführen ist denkbar einfach: altes Layout im neuen Editor öffnen, gegebenenfalls kleine Korrekturen machen, und einfach speichern.

Mit sklera 4.6.1 ist der neue Layout Editor zunächst optional. Wir verstehen ihn als Vorschau und freuen uns über Ihr Feedback. Der bisherige Editor steht Ihnen bis auf Weiteres parallel zur Verfügung.

Der neue Layout Editor

Wir haben bestehende Funktionen aufgeräumt und logischer angeordnet. Außerdem ist einiges Neues dazugekommen. Aber eins nach dem anderen.

Erfahrenen sklera-Nutzern wird dort gleich etwas auffallen: die Widget-Auswahl ist verschwunden. Diese findet sich nun in einer eigenen Toolbar am unteren Bildschirmrand – nahe am eigentlichen Layout:

Textelemente, Boxen und Mediathek-Inhalte können hier schnell mittels weniger Klicks hinzugefügt werden. Alle weiteren Widgets finden Sie hinter dem vierten Icon:

Hier kommt eine der Verfeinerungen zum Tragen: Nicht jeder Benutzer benötigt alle Widget-Optionen – daher haben wir die Möglichkeit geschaffen, häufig genutzte Widgets mittels eines Klicks auf den Stern zu favorisieren. Favorisierte Widgets scheinen dann im Schnellzugriff in der Toolbar auf:

So haben Sie Ihre wichtigsten Widgets immer griffbereit und müssen nicht jedes Mal im Menü suchen.

Und die Prozentangabe in der Toolbar? Sie gehört zur zweiten großen Neuerung: die Möglichkeit, zu zoomen.

Die Ansicht des Layout Editors passt sich standardmäßig automatisch an die Größe des Browserfensters an – aber bei Bedarf kann man stufenlos bis zu 500% zoomen. Der sichtbare Arbeitsbereich kann dabei verschoben werden, indem man die Leertaste gedrückt hält und mit der Maus den Ausschnitt verschiebt. So kann man sehr genaue Feinarbeiten durchführen.

Weitere Neuerungen

Nur die bestehenden Funktionen zu überarbeiten, war uns nicht genug. Deshalb haben wir zahlreiche neue Komfortfunktionen ergänzt.

Ebenen-Gruppen

Wer Werkzeuge wie Figma, Canva oder Grafikbearbeitungsprogramme wie Photoshop nutzt, kennt die Möglichkeit, Ebenen zu gruppieren. Mit dem neuen Layout Editor in sklera bieten wir dies nun ebenfalls:

Layer-Gruppen können gemeinsam bewegt, bearbeitet, ein- und ausgeblendet sowie in der Layerliste zwecks Übersichtlichkeit eingeklappt werden.

Kopieren & Einfügen zwischen verschiedenen Layouts

Sind zwei Layouts in verschiedenen Tabs oder Fenstern geöffnet, kopieren Sie Widgets einfach von einem ins andere – manchmal die beste Option wenn es schnell gehen muss und man nicht den Umweg über Vorlagen oder Master-Layouts gehen will.

Drag & Drop Upload von Inhalten

Bilder, Videos und Dokumente können nun direkt mittels Drag & Drop auf der Arbeitsfläche platziert werden – diese werden automatisch im Hintergrund in die Mediathek geladen. Nie wieder wegen vergessener Dateien in die Mediathek wechseln müssen!

Tastaturkürzel für Poweruser

Der neue Editor bietet nun zahlreiche Shortcuts, beispielsweise das Speichern des Layouts mittels Strg+S. Wenn noch zusätzlich die Shift-Taste gedrückt wird, startet auch gleich die Layoutvorschau. Eine genaue Auflistung aller Tastaturkürzel finden Sie oben links in der Hilfe.

Touch-Aktionen visualisieren

Der sklera Layout Editor kann dafür genutzt werden mittels Touch-Aktionen verschiedene Aktionen auszulösen – unter Anderem um andere Mediathek-Elemente bei Klick auf ein Element anzuzeigen. Dies kann genutzt werden, um interaktive Slideshows oder einfache interaktive Applikationen zu erschaffen. Doch je mehr Layouts beteiligt sind, desto schwerer behält man den Überblick darüber, was wo verknüpft ist.

Wir haben daher im neuen sklera Layout Editor die Möglichkeit geschaffen, diese Verknüpfungen einfach zu visualisieren – so sieht man auf dem ersten Blick ob alles richtig miteinander verbunden ist.

Animationszeitleiste

Mit dem Layout Editor blenden Sie Widgets effektvoll ein und aus und schaffen so Übergänge innerhalb Ihres Layouts. Das Timing mehrerer Widgets aufeinander abzustimmen, war bisher allerdings mühsam. Die neue Animationszeitleiste ändert das: Sie können nun die Animationen der einzelnen Widgets im Layout koordinieren – sowie eine Live-Vorschau nutzen,die jederzeit abgespielt werden kann ohne die Vorschau im Speichern-Menü zu nutzen.

Alle Layout-Funktionen an einem Ort

Neben den visualisierten Touch-Aktionen finden Sie weitere Layout-Funktionen ab sofort gebündelt in einem eigenen Menübalken. Das Laden von Vorlagen, Verknüpfen von Master Layouts und die Versions-History des Layouts finden sich dort.

Der neue sklera Layout Editor ist mit der Veröffentlichung von sklera 4.6.1 in der Kalenderwoche 39/2026 für alle unsere Cloud Kunden zugänglich und vollumfänglich nutzbar. Unsere Private Cloud Kunden werden im Laufe des Oktobers sukzessive auf die neue Version umgestellt und kommen dann ebenso in den Genuss des neuen Editors.