Rocksolid Custom Elements: Galerie Einfügen

[jrieke]

Moin,

ich taste mich gerade an eigene Inhaltselemente ran und bin dabei auf Rocksolid Custom Elements gestoßen, was ich gerne für ein aktuelles Projekt nutzen würde.
Ich habe bisher das meiste irgendwie hinbekommen und habe die Beispieldatein von RS umgearbeitet, die Sprache gilt es vorerst zu vernachlässigen.

Jetzt möchte ich gerne die Möglichkeit hinzufügen über die gleiche Eingabemaske eine Galerie mit maximal 6. Bildern und einer Lightbox-Funktion hinzufügen. Ist sowas überhaupt möglich oder muss das in 2 getrennten Inhaltselementen geschehen?

Anbei der aktuelle Quellcode.

<?php

return array(
    'label' => array(
        'de' => array(
            'Firmenprofil',
            'Eine Liste von Firmen mit Logo, 6 Bildern, Name, Adresse, E-Mail und Social-Media-Links und einem Text',
        ),
        'en' => array(
            'Staff',
            'A list of employees with picture, name email and social media links',
        ),
    ),
    'types' => array('content'),
    'contentCategory' => 'texts',
    'fields' => array(
        'members' => array(
            'label' => array(
                'de' => array(
                    'Firma',
                    'Fügen Sie eine beliebige Anzahl an Firmen hinzu.',
                ),
                'en' => array(
                    'Members',
                    'Add any number of employees.',
                ),
            ),
            'elementLabel' => array(
                'de' => 'Firmen %s',
                'en' => 'Employee %s',
            ),
            'inputType' => 'list',
            'fields' => array(
                'image' => array(
                    'label' => array(
                        'de' => array('Logo', ''),
                        'en' => array('Profile picture', ''),
                    ),
                    'inputType' => 'fileTree',
                    'eval' => array(
                        'fieldType' => 'radio',
                        'filesOnly' => true,
                        'extensions' => 'jpg,jpeg,png,gif,svg',
                    ),
                ),
                'name' => array(
                    'label' => array(
                        'de' => array('Firmenname', 'Name des Betriebs'),
                        'en' => array('Name', 'First and last name of employee'),
                    ),
                    'inputType' => 'text',
                    'eval' => array('tl_class' => 'w100'),
                ),
                'firmenprofil' => array(
                    'label' => array(
                        'de' => array('Firmenprofil', 'Gelieferter Text des Unternehmens'),
                        'en' => array('Name', 'First and last name of employee'),
                    ),
                    'eval' => array('rte' => 'tinyMCE'),
                    'inputType' => 'textarea',
                ),
                'email' => array(
                    'label' => array(
                        'de' => array('E-Mail', 'E-Mail-Addresse des Unternehmens'),
                        'en' => array('Email', 'Email address of employee'),
                    ),
                    'inputType' => 'text',
                    'eval' => array('tl_class' => 'w100'),
                ),
                'socials' => array(
                    'label' => array(
                        'de' => array(
                            'Social-Media-Profile',
                            'Fügen Sie eine beliebige Anzahl an Social-Media-Profilen ein.',
                        ),
                        'en' => array(
                            'Social media profiles',
                            'Add any number of social media profiles.',
                        ),
                    ),
                    'elementLabel' => array(
                        'de' => '%s. Social-Media-Profil',
                        'en' => '%s. social media profile',
                    ),
                    'inputType' => 'list',
                    'fields' => array(
                        'platform' => array(
                            'label' => array(
                                'de' => array('Social-Media-Plattform', ''),
                                'en' => array('Social media platform', ''),
                            ),
                            'inputType' => 'select',
                            'options' => array(
                                'facebook' => 'Facebook',
                                'twitter' => 'Twitter',
                                'gplus' => 'Google+',
                                
                            ),
                            'eval' => array('tl_class' => 'w50'),
                        ),
                        'url' => array(
                            'label' => array(
                                'de' => array('Link', 'URL zur Profilseite auf der Social-Media-Plattform'),
                                'en' => array('Link', 'URL of the social media profile'),
                            ),
                            'inputType' => 'text',
                            'eval' => array('tl_class' => 'w50'),
                        ),
                    ),
                ),
            ),
        ),
    ),
);

Vielen vielen dank für jegliche Hilfestellung.

[Andreas]

Du kannst entweder über eine Schleife 6 Felder für die Bilder hinzufügen, oder ein Feld wie das multiSRC für die Galerie in tl_content erstellen.

Für die lightbox-Option brauchst du nur data-lightbox="" als Attribut in den Link zu setzen. Siehe Quelltext in der Online-Demo http://demo.contao.org/en/media-elements.html.