Bildobjekte

 

Die speziellen Einstellungen des Bildobjekte-Moduls umfassen Einstellungen für die erforderlichen Templates zur Darstellung von Listen- und Einzelansichten, zum Blättern sowie erweiterte Einstellungen für spezielle Anwendungen.

Im Einzelnen können die folgenden speziellen Einstellungen getroffen werden:

Templates Einzelansicht

• Detailansicht: Wählen Sie hier das gewünschte Template für die Detail- oder Einzelansicht des Bildobjekts aus.
• Druckvorschau: Wählen Sie hier das gewünschte Template für die Druckvorschau des Bildobjekts aus.

Templates Listenansicht

• Anzahl Vorschau groß: Anzahl der Bildobjekte, die mit dem Template für „Vorschau groß“ in der Listenansicht angezeigt werden sollen.
• Anzahl Spalten groß: Anzahl der Spalten, die mit dem Template für „Vorschau groß“ in der Listenansicht angezeigt werden sollen.
• Vorschau groß: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht groß aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau klein ermöglicht die Priorisierung von Informationen durch einen Template-Wechsel nach einer bestimmten Anzahl von Bildobjekten, beispielsweise in eine kleinere Darstellung.
• Vorschau groß alternierend: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht groß alternierend aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau groß alternierend ermöglicht einen Darstellungs-Wechsel bei jeder Zeile, um beispielsweise die Lesbarkeit zu erhöhen.
• Anzahl Vorschau klein: Anzahl der Bildobjekte, die mit dem Template für „Vorschau klein“ in der Listenansicht angezeigt werden sollen.
• Anzahl Spalten klein: Anzahl der Spalten, die mit dem Template für „Vorschau klein“ in der Listenansicht angezeigt werden sollen.
• Vorschau klein: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht klein aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau klein ermöglicht die Priorisierung von Informationen durch einen Template-Wechsel nach einer bestimmten Anzahl von Bildobjekten, beispielsweise in eine kleinere Darstellung.
• Vorschau klein alternierend: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht klein alternierend aus. Der Wechsel zwischen einem Template für Vorschau klein und Vorschau klein alternierend ermöglicht einen Darstellungs-Wechsel bei jeder Zeile, um beispielsweise die Lesbarkeit zu erhöhen.

Blättern in der Vorschau

• Kopfbereich: Wählen Sie hier das gewünschte Template für den Kopfbereich der Vorschau-/Listendarstellung. Dort können beispielsweise Blätterfunktionen dargestellt werden.
• Fußbereich: Wählen Sie hier das gewünschte Template für den Fußbereich der Vorschau-/Listendarstellung. Dort können beispielsweise Blätterfunktionen dargestellt werden.
• Kein Ergebnis: Wählen Sie hier das gewünschte Template für den Fall einer leeren Liste. Dort kann beispielsweise ein entsprechender Hinweis dargestellt werden.

Erweiterte Einstellungen

• Rotationsmodus: Ist dieser Modus gesetzt, werden ein oder mehrere (entsprechend der Anzahl Vorschau groß) zufällig ausgewählte Listenelemente dargestellt. Diese Funktionalität bedingt einen abgeschalteten Seiten-Cache für die jeweilige Seite.

Hinweis: Wir empfehlen statt dem Server-seitigen Rotationsmodus im Template per Javascript eine Client-seitige Liste aufzubauen. Dann kann das Caching erhalten bleiben.

• Teasermodus: Ist dieser Modus gesetzt, wird die Einzelansicht des Objektes auf einer anderen Seite in einem anderen Modul (entsprechend der Ziel-ModulID) und auf einer anderen Seite (entsprechend der Ziel-SeitenID) geöffnet. Dieses Objekt muss dort ebenfalls veröffentlicht sein.
• Ziel-Modul-ID / Ziel-Seiten-ID: Durch die Angabe von Ziel-ModulID und Ziel-SeitenID kann ein Öffnen für das angegebene Modul und die angegebene Seite erzwungen werden. Ansonsten wird eine beliebige weitere Veröffentlichung verwendet.
• Feature-Modus: Ist dieser Modus gesetzt, wird das erste Bildobjekt in der Liste in Einzelansicht geöffnet. Andere Objekte in dem Modul sowie andere Module auf der Seite können in diesem Modus nicht mehr dargestellt werden.

 

Modultemplate: Layout

<!-- Ueber skin-docs werden in einer separaten CSS Datei alle visuellen Modifikationen vorgenommen -->
<section class="skin-docs">[moduletitle][content]</section>

 

Template: Listenansicht - Vorschau groß

<div class="media">
    <img class="media-object pull-left" src='[previewimageurl]' alt='[previewimage_alt]'>
     <div class="media-body">
        <h4 class="media-heading">[Title]</h4>
        <h5 class="media-heading">[SubTitle]</h5>
        <h6 class="media-heading">[Headline]</h6>
        <p>[Preview]</p>
        <table class="table">
            <thead>
                <tr>
                   <th>[localize:imgObject_preview]</th>
                   <th>[localize:imgObject_resolution]</th>
                   <th>[localize:imgObject_filesize]</th>
                </tr>
            </thead>
             <tbody>
                    <tr>
                         <td>
                             <a  data-toggle="modal" data-target='.modal-1'>
                                      <span class="glyphicon glyphicon-picture"></span>
                              </a>
                          </td>
                         <td>[localize:imgObject_low-res]</td>
                         <td>-</td>
                    </tr>
                    <tr>
                         <td>
                             <a  data-toggle="modal" data-target='.modal-2'>
                                      <span class="glyphicon glyphicon-picture"></span>
                              </a>
                         </td>
                         <td>[localize:imgObject_middle-res]</td>
                         <td>[middleresfilesize]</td>
                    </tr>
                    <tr>
                         <td>
                             <a  data-toggle="modal" data-target='.modal-3'>
                                      <span class="glyphicon glyphicon-picture"></span>
                              </a>
                         </td>
                         <td>[localize:imgObject_high-res]</td>
                         <td>[hiresfilesize]</td>
                    </tr>
             </tbody>
        </table>
  </div>
</div>
<!-- modal-1 -->
 <div  class="fade modal modal-1" tabindex="-1" role="dialog" aria-labelledby="modalLabel-1" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="modalLabel-1">[Title]</h4>
        </div>
        <div class="modal-body">
              <img src='[detailimageurl]' alt="" class="modal-image" />
                <hr  [mvif:Headline:neq:] />
                <h2 [mvif:Headline:neq:]>[Headline]</h2>
                <h3 [mvif:SubTitle:neq:]>[SubTitle]</h3>
                <p  [mvif:Preview:neq:]>[Preview]</p>
        </div>
         <div class="modal-footer">
               <a class="btn btn-default" href='[detailimageurl]' download><span class="glyphicon glyphicon-save"></span></a>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
<!-- modal-2 -->
 <div class="modal-2 fade modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel-2" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="modalLabel-2">[Title]</h4>
        </div>
        <div class="modal-body">
              <img src='[middleresimageurl]' alt="" class="modal-image" />
                <hr  [mvif:Headline:neq:] />
                <h2 [mvif:Headline:neq:]>[Headline]</h2>
                <h3 [mvif:SubTitle:neq:]>[SubTitle]</h3>
                <p  [mvif:Preview:neq:]>[Preview]</p>
        </div>
         <div class="modal-footer">
               <a class="btn btn-default" href='[middleresimageurl]' download><span class="glyphicon glyphicon-save"></span></a>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->
<!-- modal-3 -->
 <div class="modal-3 fade modal" tabindex="-1" role="dialog" aria-labelledby="modalLabel-3" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title" id="modalLabel-3">[Title]</h4>
        </div>
        <div class="modal-body">
              <img src='[hiresimageurl]' alt="" class="modal-image" />
                <hr  [mvif:Headline:neq:] />
                <h2 [mvif:Headline:neq:]>[Headline]</h2>
                <h3 [mvif:SubTitle:neq:]>[SubTitle]</h3>
                <p  [mvif:Preview:neq:]>[Preview]</p>
        </div>
         <div class="modal-footer">
               <a class="btn btn-default" href='[middleresimageurl]' download><span class="glyphicon glyphicon-save"></span></a>
        </div>
      </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
  </div><!-- /.modal -->

Template: Eingebettetes Bildobjekt

<div>
   <div>
      <a class="img" href="[galleryimagelink]"><img alt="[Previewimage_alt]" src="[PreviewImageURL]" width="100" border="0"></a>
   </div>
   <div>
      <A href="[galleryimagelink]"><img alt="to image" hspace="5" src="portaldata/1/images/lupe.gif" align="right" border="0"></a> [Title]
   </div>
</div>

 

Platzhalter: Kopf- und Fußbereich

Platzhaltername	Typ	Platzhalterbeschreibung
[CurrentPageNumber]	integer	Aktuelle Seitennummer – Paging.
[FirstPage]	string	Url zur ersten Seite – Paging.
[IsListView]	string	Gibt an, ob sich das Modul in der Listenansicht befindet.
[LastPage]	string	Url zur letzten Seite – Paging.
[ModulePreview]	string	Vorschautext des Moduls.
[ModulePreviewImage]	integer	Vorschaubild des Moduls (RAID).
[ModuleImage_alt]	string	Textinformation zum Vorschaubild (Tooltip).
[NextPage]	string	Url zur nächsten Seite – Paging.
[PreviousPage]	string	Url zur vorherigen Seite – Paging.
[PrintLink]	string	Url zur Druckansicht.
[ReturnToListLink]	string	Url zurück zur Listenansicht.
[ReturnToOriginalListLink]	string	Url zurück zur Listenansicht (bei Paging der Einzelansicht).
[ShownFrom]	integer	Index des ersten Elements, das auf der aktuellen Seite angezeigt wird.
[ShownTo]	integer	Index des letzten Elements, das auf der aktuellen Seite angezeigt wird.
[TellAFrendLink]	string	Url zum Empfehlungs-Modul (Tell-a-Friend).
[TotalItemsCount]	integer	Anzahl aller Elemente – Paging.
[TotalPageCount]	integer	Anzahl aller Seiten - Paging.

 

Platzhalter: Detailansicht

Platzhaltername	Typ	Platzhalterbeschreibung
[Author]	string	Name des Erstellers.
[Backurl]	string	Link zurück zur Listenansicht.
[Counter]	integer	Index des aktuellen Bildes, z.B. Bild 2/4 [counter] = 2
[Description]	string	Inhaltstext des Bildobjekts (WYSIWYG).
[Detailimageurl]	string	Url zur Version des Bildobjekts mit niedriger Auflösung (Detailansicht).
[Editbutton]	string	Schaltfläche zum Bearbeiten des Bildobjekts.
[Galleryurl]	string	Url zur Version des Bildobjekts mit mittlerer Auflösung (Galeriebild).
[Headline]	string	Überschrift.
[Hiresfilesize]	string	Dateigröße der hochauflösenden Version des Bildobjekts.
[Hiresimage]	integer	RAID (RessourceAssignID) der hochauflösenden Version des Bildobjekts.
[Hiresimageurl]	string	Url zur Version des Bildobjekts mit hoher Auflösung.
[Middleresimage]	integer	RAID (RessourceAssignID) der Version des Bildobjekts mit mittlerer Auflösung.
[Middleresimageurl]	string	Url zur Version des Bildobjekts mit mittlerer Auflösung.
[Nextitemurl]	string	Url zum nächsten Bild.
[Preview]	string	Vorschautext.
[Previewimage]	integer	RAID (RessourceAssignID) des Vorschaubilds
[Previewimage_alt]	string	Textinformation zum Vorschaubild (Tooltip).
[Previewimageurl]	string	URL des Vorschaubilds.
[Previousitemurl]	string	Url zum vorherigen Bild.
[Singleviewimage]	integer	RAID (RessourceAssignID) der Version des Bildobjekts mit niedriger Auflösung (Detailansicht).
[Subtitle]	string	Untertitel.
[Title]	string	Titel.
[Totalimages]	integer	Gesamtzahl der Bilder, z.B. Bild 2/4 [totalimages] = 4

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string-Werte), [userint1]-[userint5] (integer-Werte), [userdate1] and [userdate2] (datetime-Werte), [userfloat1]-[userfloat5] (double-Werte), [userimage1]-[userimage5] (integer-Werte, RAIDs, [userimage1_alt]-[userimage5_alt] (string-Werte) zur Verfügung.

 

 

Platzhalter: Eingebettete Bilder

Platzhaltername	Typ	Platzhalterbeschreibung
[Author]	string	Name des Erstellers.
[Description]	string	Inhaltstext des Bildobjekts (WYSIWYG).
[Detailimageurl]	string	Url zur Version des Bildobjekts mit niedriger Auflösung (Detailansicht).
[Editbutton]	string	Schaltfläche zum Bearbeiten des Bildobjekts.
[Galleryimagelink]	string	Url zur Version des Bildobjekts mit mittlerer Auflösung (Galeriebild).
[Gallerylink]	string	Link zurück zur Einzelansicht des einbettenden Objekts.
[Headline]	string	Überschrift.
[Hiresfilesize]	string	Dateigröße der hochauflösenden Version des Bildobjekts.
[Hiresimage]	integer	RAID (RessourceAssignID) der hochauflösenden Version des Bildobjekts.
[Hiresimageurl]	string	Url zur Version des Bildobjekts mit hoher Auflösung.
[Middleresimage]	integer	RAID (RessourceAssignID) der Version des Bildobjekts mit mittlerer Auflösung.
[Middleresimageurl]	string	Url zur Version des Bildobjekts mit mittlerer Auflösung.
[Preview]	string	Vorschautext.
[Previewimage]	integer	RAID (RessourceAssignID) des Vorschaubilds
[Previewimage_alt]	string	Textinformation zum Vorschaubild (Tooltip).
[Previewimageurl]	string	URL des Vorschaubilds.
[Singleviewimage]	integer	RAID (RessourceAssignID) der Version des Bildobjekts mit niedriger Auflösung (Detailansicht).
[Subtitle]	string	Untertitel.
[Title]	string	Titel.

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string-Werte), [userint1]-[userint5] (integer-Werte), [userdate1] and [userdate2] (datetime-Werte), [userfloat1]-[userfloat5] (double-Werte), [userimage1]-[userimage5] (integer-Werte, RAIDs), [userimage1_alt]-[userimage5_alt] (string-Werte) zur Verfügung.

 

 

Platzhalter: Listenansicht

Platzhaltername	Typ	Platzhalterbeschreibung
[Author]	string	Name des Erstellers.
[Description]	string	Inhaltstext des Bildobjekts (WYSIWYG).
[Detailimageurl]	string	Url zur Version des Bildobjekts mit niedriger Auflösung (Detailansicht).
[Editbutton]	string	Schaltfläche zum Bearbeiten des Bildobjekts.
[Galleryurl]	string	Url zur Version des Bildobjekts mit mittlerer Auflösung (Galeriebild).
[Headline]	string	Überschrift.
[Hiresfilesize]	string	Dateigröße der hochauflösenden Version des Bildobjekts.
[Hiresimage]	integer	RAID (RessourceAssignID) der hochauflösenden Version des Bildobjekts.
[Hiresimageurl]	string	Url zur Version des Bildobjekts mit hoher Auflösung.
[Middleresimage]	integer	RAID (RessourceAssignID) der Version des Bildobjekts mit mittlerer Auflösung.
[Middleresimageurl]	string	Url zur Version des Bildobjekts mit mittlerer Auflösung.
[Nextitemurl]	string	Url zum nächsten Bild.
[Preview]	string	Vorschautext.
[Previewimage]	integer	RAID (RessourceAssignID) des Vorschaubilds
[Previewimage_alt]	string	Textinformation zum Vorschaubild (Tooltip).
[Previewimageurl]	string	URL des Vorschaubilds.
[Previousitemurl]	string	Url zum vorherigen Bild.
[Singleviewfilesize]	string	Dateigröße der Version des Bildobjekts mit niedriger Auflösung (Detailansicht).
[Singleviewimage]	integer	RAID (RessourceAssignID) der Version des Bildobjekts mit niedriger Auflösung (Detailansicht).
[Subtitle]	string	Untertitel.
[Title]	string	Titel.

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string-Werte), [userint1]-[userint5] (integer-Werte), [userdate1] and [userdate2] (datetime-Werte), [userfloat1]-[userfloat5] (double-Werte), [userimage1]-[userimage5] (integer-Werte, RAIDs, [userimage1_alt]-[userimage5_alt] (string-Werte) zur Verfügung.

 

 

Dieses Modul steht auch als „Verknüpfte Bildobjekte“ zur Verfügung.

BETRIEBSMODUS

„Zeige verknüpfte Objekte zu Objekten in Detailansicht“ zeigt eine Liste der verknüpften Objekte vom gleichen Objekttyp. Diese können sowohl manuell als auch über Kategorien verknüpft sein. Manuell verknüpfte Objekte werden priorisiert. Wird im Template keine andere Sortierung erzwungen, wird standardmäßig die im Objekt unter verknüpfte Objekte angezeigte Sortierung verwendet. Dieser Modus wird häufig zur Anzeige verwandter Objekte verwendet.

„Zeige verknüpfte Objekte zur Kategorie, die in der URL übergeben wird“ zeigt eine Liste aller Objekte vom gleichen Objekttyp, denen die angegebene Kategorie zugeordnet wurde. Dieser Modus wird häufig im Zusammenhang mit Kategorie-Navigationen, beispielsweise zur Implementierung einer Knowledge Base, verwendet. Die Verlinkung erfolgt in der Form …/tabid-ID0/searchcategory-ID1/… falls sich das Modul auf der Seite ID0 befindet und Objekte mit der Kategorie ID1 anzeigen soll.

„Zeige verknüpfte Objekte zu mehreren ODER-verknüpften Kategorien, die in der URL übergeben werden“ funktioniert wie der vorige Betriebsmodus, jedoch können mehrere Kategorien übergeben werden. Dieser Modus wird häufig im Zusammenhang mit Link-Modulen verwendet, um mehrere Themen / Kategorien zusammenzufassen. Die Verlinkung erfolgt in der Form …/tabid-ID0/categories-ID1,ID2,ID3/… falls sich das Modul auf Seite ID0 befindet und Objekte angezeigt werden sollen, die entweder der Kategorie ID1, ID2 oder ID3 angehö-ren.

„Zeige verknüpfte Objekte zu mehreren UND-verknüpften Kategorien, die in der URL übergeben werden“ funktioniert wie der vorige Betriebsmodus, jedoch können mehrere Kategorien übergeben werden. Dieser Modus wird häufig im Zusammenhang mit Link-Modulen verwendet, um Objekte anzuzeigen, die mehreren bestimmten Kategorien angehören. Die Verlinkung erfolgt in der Form …/tabid-ID0/categories-ID1,ID2,ID3/… falls sich das Modul auf Seite ID0 befindet und Objekte angezeigt werden sollen, die sowohl der Kategorie ID1, ID2 als auch ID3 angehören.

Im Modus „Zeige verknüpfte Objekte zu folgenden Kategorien“ können die betreffenden Kategorien im Formular ausgewählt werden. Dieser Modus wird zur Implementierung von Objektlisten nach fest vorgegebenen Kategorien verwendet.

 

TEMPLATES

Weiterhin können die Templates für einen Kopf- und Fußbereich, ein Listenelement, ein alternierendes Listenelement sowie ein Template für eine leere Liste („Kein Ergebnis“) gewählt werden.

 

FILTER

Die Liste kann mit verschiedenen Filtern modifiziert werden: Die Anzahl der angezeigten automatisch (d. h. auf der Basis von Kategorien) verknüpften Objekte kann begrenzt werden. Es können nur Elemente mit einer bestimmten Typinfo angezeigt werden, beispielsweise nur Pressemeldungen statt aller Artikel. Weiterhin können nur solche Objekte angezeigt werden, die in einer definierten Beziehung zum Objekt in Detailansicht stehen (Beziehungstyp), z. B. nur Ansprechpartner anstatt aller verknüpften Kontakte. Neue Typinfos und Beziehungstypen können hier auch gleich angelegt werden.

Das Eingabefeld „Max. Anzahl manuell verknüpfter Objekte“ im Bereich Filter dient wie das „Max. Anzahl automatisch (kategoriebasiert) verknüpfter Objekte“ Eingabefeld dazu, die Anzahl der in diesem Modul angezeigten verknüpften Objekte zu begrenzen.

Beispiel: Wenn 6 Objekte manuell verknüpft wurden und das Eingabefeld auf 4 gesetzt wurde, werden nur 4 Objekte in diesem verknüpften Modul angezeigt.

Bitte beachten Sie, dass ein Standardwert von 99 Objekten angewandt wird, wenn dieses Eingabefeld leer bleibt, während der Standardwert für automatisch verknüpfte Objekte 0 ist.

Weiterhin ist zu beachten, dass die manuell verknüpften Objekte keinem Paging unterliegen. Die Paging-Seitengröße wird ausschließlich durch den Zahlenwert für die automatisch verknüpften Objekte bestimmt. Manuell verknüpfte Objekte werden zusätzlich zu den automatisch verknüpften Objekten auf der ersten Seite angezeigt.

 

WEITERE EINSTELLUNGEN

Wenn Bildobjekte in der Detailansicht anderer Objekte (z.B. in dem WYSIWYG-Text eines Artikels) eingebettet sind, erfolgt die Anzeige über ein auf der Seite platziertes "Verknüpftes Bldobjekt"-Modul.
Hierzu muss das Klickfeld "Eingebetteter Bilder-Modus" aktiviert und ein "Template Einzelansicht" ausgewählt werden. Ist das Klickfeld "Zeige auch manuell verknüpfte Objekte" selektiert, werden auch die zum jeweiligen Objekt manuell verknüpften Bildobjekte mit angezeigt.  
Die Auswahl eines geeigneten Templates "Eingebettete Bilder"" erfolgt im Objekt-Edit-Manager bei der Auswahl eines Bildobjekts in den Textdaten oder über die Voreinstellung eines Standard-Bildtemplates in den allgemeinen Portaleinstellungen.