FS5 Webedit: fsbuttons manipulieren möglich?

Author: ALIEN
Publication Date: 7/9/2014 13:58

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