Tab Modal
The integrated modal in Exposer helps you to fascinate your visitors. A list, grid or slideshow element can not only link to the article, but also, if activated, provide a modal with further information about the article, possibly eliminating the need to redirect to the article.
This option was designed so that Joomla! articles can no longer necessarily be understood as full-page articles on a single topic. Rather, Exposer opens the door with the Modal function to do more than just make articles from the Article component. Articles can also be people, devices or services with Exposer. In combination with other extensions that have the same goal, a lot can be achieved with very little effort.
This option was designed so that Joomla! articles can no longer necessarily be understood as full-page articles on a single topic. Rather, Exposer opens the door with the Modal function to do more than just make articles from the Article component. Articles can also be people, devices or services with Exposer. In combination with other extensions that have the same goal, a lot can be achieved with very little effort.
| Field | Description |
| Modal Type | Wähle welche Art von Modal verwendet werden soll. Das Deck Modal ermöglicht sehr komplexe Strukturen sollte allerdings nur in spezialfällen genutzt werden. |
| Modal Size | Die Grösse des Modals, hier stehen die Optionen default, Container (wider) oder Fullscreen zur Verfügung |
| Modal Container CSS | Eigene CSS Klassen für den Modal Container. Diese Klassen werden direkt auf den Modal Container angewendet werden. Mehrere Klassen können durch Komma getrennt eingetragen werden. |
| Content Container Classes | Eigene CSS Klassen für den Modal Inhalt. Diese CSS Klassen werden auf den inneren Bereich des Modals angewendet. Mehrere Klassen können durch Komma getrennt eingetragen werden. |
Title Configuration |
|
| Modal Title Source | Die Quelle für den Titel innerhalb des Modals |
| Title Tag | Der HTML Tag der für das rendering des Titels genutzt werden soll. |
| Additional CSS Classes | Eigene CSS Klassen für den Modal Titel. Diese CSS Klassen werden auf den inneren Bereich des Modals angewendet. Mehrere Klassen können durch Komma getrennt eingetragen werden. |
Modal Image Configuration |
|
| Image Source | Quelle aus welcher das Bild für die Anzeige im Modal stammt. |
| Custom CSS | Eigene Inline CSS Regeln, diese werden direkt auf das Bild angewendet. |
Content Configuration |
|
| Text Source | Quelle für den Text innerhalb des Modals, |
| Modal Content CSS Classes | Eigene CSS Klassen für den Modal Text. Diese CSS Klassen werden auf den inneren Bereich des Modals angewendet. Mehrere Klassen können durch Komma getrennt eingetragen werden. |
Customfields 1 Configuration |
|
| Headertext for Customfields 1 | Der optionale Header der oberhalb der Felder angezeigt werden soll. |
| CSS Classes for Title | Eigene CSS Klassen für den Modal Customfields 1 Header. Mehrere Klassen können durch Komma getrennt eingetragen werden. |
| Title Tag | Der HTML Tag der für das rendering des Titels genutzt werden soll. |
| Customfield Names | Name der Customfields die in diesem Bereich gerendert werden sollen. Mehrere Felder können durch Semikolon getrennt eingetragen werden. field-a;field-b;field-c |
| Additional CSS Classes | Eigene CSS Klassen für den Modal Customfields 1 Bereich. Mehrere Klassen können durch Komma getrennt eingetragen werden. |
| Classes for Table | Eigene CSS Klassen für die Customfields 1 Tabelle im Modal. Mehrere Klassen können durch Komma getrennt eingetragen werden. |
| Additional Attributes | Zusätzliche HTML Attribute für die Customfields 1 Tabelle Werte können mit \ escaped werden |
| Display Labels | Definiert ob die Customfields 1 Tabelle inklusive der Label Spalte gerendert werden soll. |
| Customfields 2 Configuration | |
| Customfield Names |
Name der Customfields die in diesem Bereich gerendert werden sollen. Mehrere Felder können durch Semikolon getrennt eingetragen werden. Dieses Feld unterstützt den erweiterten Rendering Modus, verfübar sind aktuell die Optionen: URL:{
"type":"url", "url":"fieldname_that_holds_url", "display":"fieldname_that_holds_label", "alt-display":"Aternative Textstring or Empty" } [my-custom-css-class your-cust-css-cls] LinkedImage:{
"type":"linkimage", "url":"fieldname_that_holds_url", "width":"100", "title":"fieldname", "img":"fieldname", "imgclass":"my-custom-css-class" } [my-custom-css-class your-cust-css-cls] Die Anweisungen für das Field Rendering werden in geschweiften Klammern geschrieben - Um dem jeweilgen Feld Klassennamen für das Rendering zuzuweisen können direkt nachfolgend eckige Klammern verwendet werden. |
Outro