Verwendung: Icon-Boxes

Christian's Avatar

Christian

07 Oct, 2014 05:40 AM

Produkt: Custom Elements Contao
Contao-Version: 3.2.9
Browser und Browserversionen: alle

Ich habe eine Frage zur Anpassung zum Modul "rocksolid-custom-elements"...
Welchen Eintrag / Zeile muss ich in der dcaconfig.php hinterlegen, damit bei den Feldern "Text" in den Icon-Boxen auch HTML-Tags erlaubt werden?

Viele Grüße,
Christian

  1. Support Staff 1 Posted by RockSolid Theme... on 07 Oct, 2014 08:36 AM

    RockSolid Themes's Avatar

    Vielen Dank für Ihre Frage.

    Bearbeiten Sie dafür die Datei templates/luxe/rsce_luxe_icon_boxes_config.php und ändern die Konfiguration des Feldes text folgendermaßen:

    'text' => array(
        'label' => array('Text', ''),
        'inputType' => 'textarea',
        'eval' => array(
            'allowHtml' => true,
            'tl_class' => 'rsce_small_textarea',
        ),
    ),
    
  2. 2 Posted by Christian on 07 Oct, 2014 09:31 AM

    Christian's Avatar

    Danke für die schnelle Antwort... Leider hat es nicht geklappt - auch noch löschen aller Wartungsdaten inkl. Custom Elements.

    Meine rsce_luxe_icon_boxes_config.php sieht nach der Änderung so aus:

    <?php
    
    return array(
        'label' => array(
            'Boxen',
            'Erzeugt nebeneinander dargestellte Boxen mit Bild und Text',
        ),
        'types' => array('content'),
        'standardFields' => array('cssID', 'columns'),
        'fields' => array(
            'headline' => array(
                'label' => array('Überschrift', ''),
                'inputType' => 'text',
                'eval' => array('tl_class' => 'long'),
            ),
            'linkLabel' => array(
                'label' => array('Link-Text', ''),
                'inputType' => 'text',
                'eval' => array('tl_class' => 'w50'),
            ),
            'linkUrl' => array(
                'label' => array('Link-URL', 'Beispiele: {{link_url::seitenalias}} (Alias, ID oder anderer Inserttag), http://example.com'),
                'inputType' => 'text',
                'eval' => array('tl_class' => 'w50'),
            ),
            'text' => array(
                'label' => array('Einleitungs-Text', ''),
                'inputType' => 'textarea',
                'eval' => array(
                    'allowHtml' => true,
                    'tl_class' => 'clr rsce_small_textarea',
                ),
            ),
            'deactivateHover' => array(
                'label' => array('Mouseover-Effekt deaktivieren', 'Deaktiviert den Mouseover-Effekt für dieses Element.'),
                'inputType' => 'checkbox',
                'eval' => array('tl_class' => 'w50 m12'),
            ),
            'showPlaceholder' => array(
                'label' => array('Bildplatzhalter anzeigen', 'Zeigt einen Platzhalter an, wenn kein Bild ausgewählt ist.'),
                'inputType' => 'checkbox',
                'eval' => array('tl_class' => 'w50 m12'),
            ),
            'size' => array(
                'label' => array('Bildbreite und Bildhöhe', ''),
                'inputType' => 'imageSize',
                'options' => $GLOBALS['TL_CROP'],
                'reference' => &$GLOBALS['TL_LANG']['MSC'],
                'eval' => array('rgxp' => 'digit', 'tl_class' => 'w50'),
            ),
            'boxes' => array(
                'label' => array('Boxen', ''),
                'elementLabel' => 'Box %s',
                'inputType' => 'list',
                'fields' => array(
                    'image' => array(
                        'label' => array('Bild', ''),
                        'inputType' => 'fileTree',
                        'eval' => array(
                            'fieldType' => 'radio',
                            'filesOnly' => true,
                            'extensions' => 'jpg,jpeg,png,gif,svg',
                        ),
                    ),
                    'headline' => array(
                        'label' => array('Überschrift', ''),
                        'inputType' => 'text',
                    ),
                    'text' => array(
                        'label' => array('Beschreibung', ''),
                        'inputType' => 'text',
                        'eval' => array(
                            'allowHtml' => true,
                            'tl_class' => 'rsce_small_textarea',
                        ),
                    ),
                    'url' => array(
                        'label' => array('URL', 'Beispiele: {{link_url::seitenalias}} (Alias, ID oder anderer Inserttag), http://example.com'),
                        'inputType' => 'text',
                        'eval' => array('tl_class' => 'w50'),
                    ),
                    'openLightbox' => array(
                        'label' => array('Bild oder URL in der Lightbox öffnen', 'Öffnet das Bild bzw. die hinterlegte Bild-URL (optional) mit der Standard-Lightbox'),
                        'inputType' => 'checkbox',
                        'eval' => array('tl_class' => 'w50 m12'),
                    ),
                ),
            ),
        ),
    );
    
  3. Support Staff 3 Posted by RockSolid Theme... on 07 Oct, 2014 11:14 AM

    RockSolid Themes's Avatar

    Was passiert wenn sie einen HTML-Tag in das Textfeld eingeben?

    Sind die gewünschten HTML-Tags in den Systemeinstellungen unter „Erlaubte HTML-Tags“ eingetragen?

  4. 4 Posted by Christian on 07 Oct, 2014 02:00 PM

    Christian's Avatar

    Ja, alle zu verwendenden Tags sind in dein Einstellungen von Contao unter den erlaubten Zeichen:
    <br> und <b></b>

    Nach der Eingabe des Textes mit <br> gehe ich auf "Speichern". DIe HTML-Tags verschwinden...

  5. Support Staff 5 Posted by RockSolid Theme... on 07 Oct, 2014 03:05 PM

    RockSolid Themes's Avatar

    Haben Sie eventuell die falsche Datei erwischt, rsce_luxe_boxes_config.php anstatt rsce_luxe_icon_boxes_config.php? Der Inhalt Ihrer Konfigurationsdatei sieht nach dem Element „Boxen“ anstatt „Icon-Boxen“ aus.

  6. 6 Posted by Christian on 09 Oct, 2014 06:44 AM

    Christian's Avatar

    Danke für den Tipp und entschuldigung für den Wirbel...
    Es lag tatsächlich daran, dass ich die falsche Datei bearbeitet hatte.

  7. 7 Posted by jan.kout on 12 Dec, 2014 01:14 PM

    jan.kout's Avatar

    Ich würde es gerne auch mit der Lightbox einfügen. Können Sie hier bitte noch die HTML5-Datei veröffentlichen?

    Schon jetzt danke ich Ihnen für Ihre Antwort und wünsche Ihnen noch einen schönen Tag.

    Mit freundlichen Grüßen,

    Jan

  8. 8 Posted by jan.kout on 12 Dec, 2014 01:28 PM

    jan.kout's Avatar

    Ansonsten würde es mir reichen, wenn Sie hier nur die Angaben für die HTML5-Vorlage für Bild mit Lightbox (falls diese aktiviert wurde) erwähnen. Danke.

  9. Support Staff 9 Posted by RockSolid Theme... on 12 Dec, 2014 01:57 PM

    RockSolid Themes's Avatar

    Um in Contao einen Link in der Lightbox öffnen zu lassen reicht es aus den <a>-Tag um data-lightbox="<?php echo $this->id ?>" zu erweitern. Zusätzlich muss das JavaScript-Template j_colorbox (jQuery) oder moo_slimbox (MooTools) in den Layouteinstellungen aktiviert werden.

  10. 10 Posted by D. Truninger on 08 Jun, 2018 09:01 AM

    D. Truninger's Avatar

    Hm, ich steh gerade auf dem Schlauch:
    möchte z.B. im Elementtyp Button als URL einen Artikel öffnen in der Lightbox. Habe das Template rsce_oneo_button dupliziert und neu benannt, kann dies auch auswählen als individuelles Template.

    In diesese Template füge ich was genau ein?
    data-lightbox="<?php echo $this->id ?>" geht ja nicht wirklich, woher ist die ID?

    Und im Inhaltselement Button: was ist dann die Button-URL, z.B. {{article_url::xyz}}?

  11. Support Staff 11 Posted by RockSolid Theme... on 08 Jun, 2018 10:47 AM

    RockSolid Themes's Avatar

    $this->id bezieht sich auf die ID des Inhaltselements. Die ID wird von der Lightbox verwendet, um mehrere Links desselben Elements durchklicken zu können.

    Den Insert-Tag {{article_url::*}} können Sie verwenden um auf einen Artikel zu verlinken.

  12. 12 Posted by D. Truninger on 11 Jun, 2018 05:45 AM

    D. Truninger's Avatar

    Danke aber klappt noch nicht: ich verwende in der Box {{article_url::MEINEID}} als URL, und das Template rsce_oneo_button.html5 ergänze ich mit dem Attribut der data-ligtbox.
    Aber darin müsste dann die buttonUrl, oder nicht? Das gibt aber nur ein Popup mit Ladefortschrittsanzeige, lädt keinen Inhalt :-(

    <a class="button … … data-lightbox="<?php echo $this->buttonUrl ?>">

    Mein Ziel ist, dass ich einen reinen Artikelinhalt im PopUp habe. Möglichst nicht die komplette Artikel-URL, die ja noch HTML für Header+Footer rendert (/home/articles/meinAlias.html) … geht das überhaupt?

  13. Support Staff 13 Posted by RockSolid Theme... on 11 Jun, 2018 07:25 AM

    RockSolid Themes's Avatar

    Ihre Frage betrifft eine individuelle Anpassung. In unseren Support-Richtlinien weisen wir darauf hin, dass wir leider keine Hilfe bei Umbauten leisten können. Dennoch versuchen wir Ihnen, in diesem Fall, im Rahmen unserer Möglichkeiten weiterzuhelfen:

    ergänze ich mit dem Attribut der data-ligtbox. Aber darin müsste dann die buttonUrl, oder nicht?

    Nein, wie bereits erwähnt, enhält das Lightbox-Attribut die ID des Inhaltselements: data-lightbox="<?php echo $this->id ?>". Die Ziel-URL muss in das href-Attribut des Links, das ist im rsce_oneo_button.html5-Template jedoch bereits der Fall.

    Mein Ziel ist, dass ich einen reinen Artikelinhalt im PopUp habe. Möglichst nicht die komplette Artikel-URL, die ja noch HTML für Header+Footer rendert (/home/articles/meinAlias.html) … geht das überhaupt?

    Dafür können Sie ein neues Layout anlegen das nur den Artikel in der Hauptspalte enthält und ansonsten keine Module. Dieses Layout muss dann auf der betroffenen Seite eingestellt werden.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac