(Wie) kann ich die Standard fsbuttons manipulieren? Konkret: Der "Seite bearbeiten" Standard soll zu einem horizontalen (sicht- und klickbaren) Balken "gepimpt" werden.
Hierfür habe ich ein entsprechendes <div> angelegt, jedoch kann ich nicht einfach die vorhandenen Klassen, wie z.B. fs-element-toolbar-actions, fs-element-toolbar-actions, etc. einfach überschreiben. Welche action / id wird hier denn konkret genutzt, die ich ggf. als Basis für eine denkbare Lösung z.B. mit JQery heranziehen könnte...? Dankbar für jede Idee.
Details: Aufruf für die Seite ohne Parameter, dadurch Seite selbst im Fokus von Webedit:
<div$CMS_VALUE(editorId(reloadPreview:true))$> [...] </div>
Jedoch wird der relevante Anteil außerhalb des <div> containers generiert, dadurch lassen sich die Klassen nicht durch eigene überschreiben:
<span class="fs-element-toolbar" fs-toolbar="true" style="right: 304px; top: 7px; display: none;">
<span class="fs-element-toolbar-invalid"></span>
<span class="fs-element-toolbar-actions">
<span class="fs-element-toolbar-grip" style="display:none;"></span>
<span class="fs-element-toolbar-tools" style="display: none;"></span>
<span class="fs-element-toolbar-anchor">
<span style="display: inline-block; line-height: 1px; cursor: pointer;"
title="Ausbaustufe Specialtemplate (3 + 2 Spalten) bearbeiten" fs-tooltip="easyEditSection">
<img src="">
</span>
[...]
</span>
Bei dem Aufruf für Absatzbearbeitung über fsbutton hingegen wird der relevante Bereich innerhalb des <div> generiert, so dass hier via CSS umgestaltet werden kann:
<div><span$CMS_VALUE(
fsbutton(
editorName:"pt_createSection",
parameter:{
"page":#global.page.id,
"body":"content"
}
)
)$></span></div>
