Utilisation

Le diaporama est conçu pour afficher une liste des événements à venir proposés.

Ajout du portlet à une page

Procédure

  1. Accédez à la page sur laquelle vous souhaitez ajouter un portlet Evénements à venir proposés.
  2. Click Edit Mode.
  3. Click Create > Content > Slideshows.
  4. Faites glisser la liste Evénements à venir proposés avec dépassement sur la page et enregistrez la page.

Création de contenu à afficher dans un portlet

Procédure

  1. Créez un objet de contenu à l'aide du modèle de contenu Evénement.
  2. Pour que l'élément apparaisse dans le portlet Evénements à venir proposés, vous devez :
    1. Select either /CTC Process/Selection Categories/Feature Category/Feature or CTC Process/Selection Categories/Feature Category/Special Feature under the Featured Option section.
    2. Sélectionnez une image dans les sections Image de fonction ou Image de fonction de bibliothèque.
  3. Publiez l'élément.

Options de personnalisation du créateur de contenu

Options de configuration du portlet

En cliquant sur Ouvrir le formulaire d'édition dans le menu du portlet, l'auteur du contenu peut :
  • Editer le titre de la liste
  • Editer la hauteur du diaporama
  • Sélectionnez le type de transition, comme l'effet de fondu
  • Définissez la durée pendant laquelle le diaporama affiche chaque image
  • Définir si le diaporama doit démarrer automatiquement ou manuellement
  • Sélectionner le moment où le diaporama doit s'arrêter, comme le survol
  • Sélectionner le contrôle à utiliser, comme les contrôles de pagination
  • Sélectionner le contexte du contenu

Options de personnalisation du concepteur de site

Avec le portail en mode édition, les concepteurs de vues peuvent apporter les mêmes modifications de personnalisation que les créateurs de contenu, et plus encore. De plus, les concepteurs de sites peuvent copier et modifier les éléments structurels de chaque portlet.

Composant de liste

Le portlet de liste Est utilise un composant pour définir les éléments de contenu à afficher dans le portlet. Le diaporama Evénements à venir proposés avec dépassement utilise le composant suivant :
  • CTC Design/List Components/Upcoming Featured Events by Start Date
Si vous devez personnaliser ce composant, vous devez créer une copie et l'enregistrer dans votre propre bibliothèque de conception. En cliquant sur Ouvrir le formulaire d'édition dans le menu du portlet, vous sélectionnez ensuite le nouveau composant dans le paramètre Composant de liste du document de configuration du portlet.

Vous pouvez également sélectionner un autre composant de liste à utiliser dans la bibliothèque Conception CTC. Ces composants se trouvent sous : CTC Design/List Components/

Présentation de liste

Le portlet de liste Est utilise une présentation de liste pour définir la conception du corps, de l'en-tête et du pied de page des éléments renvoyés par le composant de liste sélectionné. Le diaporama Evénements à venir proposés avec dépassement utilise la présentation de liste suivante
  • Conception CTC/Composants de liste de présentation/Conception de liste de diaporama de fonctions d'arrivée pour les événements planifiés, avec liste de dépassement
Si vous devez personnaliser ce composant, vous devez créer une copie et l'enregistrer dans votre propre bibliothèque de conception. By clicking Open Edit Form from the portlet menu, you then select the new component in the List component parameter of the portlet configuration document.

Vous pouvez également sélectionner une autre présentation de liste à utiliser dans la bibliothèque Conception CTC. Ces composants se trouvent sous : CTC Design/List Presentation Components/

Style CSS

La feuille de style par défaut utilisée par ce portlet est contentSlideshow. Pour personnaliser ce fichier CSS, faites d'abord une copie du fichier CSS, modifiez la copie, puis entrez le nom du nouveau fichier CSS dans le paramètre Style CSS du document de configuration du portlet.

Les fichiers CSS sont stockés dans ce dossier WebDAV : dav://server:port/wps/mycontenthandler/dav/fs-type1/themes/Portal8.5/CTC/css