ce:Box

Eigentlich besteht die Strategie für die Planung von UDS darin, Redakteuren möglichst wenig Gestaltungsspielraum zu geben beziehungsweise diesen auf die Nutzung von Komponenten zu beschränken, um einen chaotischen Wildwuchs fernab geplanter Pattern zu verhindern. An einem Element, mit dem man allerdings mal schnell einen Bereich in einem Kasten verschieben und diesen Bereich damit vom eigentlichen Inhalte der Seite visuell trennen und abheben zu können, kommt niemand vorbei. Dafür haben wir Box-Elemente geschaffen.

Overview

Das <ce:Box> Element ist nicht mehr und nicht weniger als ein Container mit welchen man ein Rahmen-Element definieren und auf diesem Wege Elemente umschließen kann.

Neue Variante mit ce:Box/ce:contents

HINWEIS: Dieses Elemente ist insbesondere dann im Einsatz, wenn man die visuelle Ausgabe von UDS Templates oder auch Programmen anzeigen möchte und die Darstellung aber über UDS gerendert wird.

Turmbau zu Babel: ce:Box verschachteln

ce:Box Elemente lassen sich vom Prinzip her verschachteln. Wir weisen aber an dieser Stelle darauf hin, dass dieses Element und Feature nicht der Gestaltung dienen sollte sondern ausschließlich einer verbesserten semantischen und visuellen Auszeichnung von Informationen.

3-fach verschachtelt

Beispiel: Verschachtelung von HTML Code

So ist es beispielsweise denkbar, mit diesem Ansatz die verschachtelte Struktur beispielsweise von HTML Code zu veranschaulichen.

HTML

HEAD

STYLE

TITLE

Alte Variante mit CEBox

Hinweise

HINWEIS: Dieses Elemente ist insbesondere dann im Einsatz, wenn man die visuelle Ausgabe von UDS Templates oder auch Programmen anzeigen möchte und die Darstellung aber über UDS gerendert wird.

HINWEIS: Dieses Element hat in der Nutzung auf den ersten Blick starke Ähnlichkeiten mit dem PositionFrame Elemente dahingehend, dass es der Definition von Rahmen dient.

Das ce:Box-Element wird allerdings schrittweise tatsächlich zu einem Element ausgebaut, mit welchem redaktionelle Inhalte ähnlich wie in CSS noch border- und shadow-Attribute bekommen werden, weil es bei Box-Elementen im Kern darum geht, tatsächlich eine Rahmengestaltung ergänzen zu können.

Hinweis: Das ce:Box Element ist nicht mit dem ce:Block-Element zu verwechseln. ce:Block dient nur dazu, den XML Code Quellcode besser gruppieren und lokale XML Variablen deklarieren zu können.

ce:Box XML Structure

Demo-Struktur eines ce:Box Elements



<ce:Box>
 <ce:contents>
 <!-- Hier der der Content -->
 </ce:content>
</ce:Box>

ALTE VERSION (bekommt keine Updates!)
<CEBox>
  <!-- Hier der der Content -->
</CEBox>

Verschachtelte Struktur von ce:Box



<ce:Box>
 <ce:contents>
 <!-- Hier der der Content -->
 </ce:content>
</ce:Box>

<ce:Box>
 <ce:contents>
  <ce:Paragraph-02>HTML</ce:Paragraph-02>
  <ce:Box>
   <ce:contents>
    <ce:Paragraph-02>HEAD</ce:Paragraph-02>
     <ce:Box>
      <ce:contents>
       <ce:Paragraph-02>STYLE</ce:Paragraph-02>
       <ce:Paragraph-02>TITLE</ce:Paragraph-02>
       <ce:Paragraph-02>META</ce:Paragraph-02>
      </ce:contents>
     </ce:Box>
    </ce:contents>
   </ce:Box>
  <ce:Paragraph-02>BODY</ce:Paragraph-02>                          
 </ce:contents>
</ce:Box>

Erläuterung

Alter CEBox Code auf ce:Box umstellen

Das CEBox Element stammt noch aus einer Zeit als wir noch keine XML Namespaces verwendet hatten und für eine Differenzierung verschiedener XML-Element-Gruppen ein Suffix CE im Namen für Content Element verwendet hatten.

Ab UDS v.1.5.2.x werden schrittweise alle Content Elements auf den Prefix ce: umgestellt.