Vie pratique

Les étapes

Fonctionnement des étapes et des imbrications possibles

Section obligatoire

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium elementum varius. Nullam sit amet diam tortor. Aliquam fringilla ultricies gravida. Maecenas tincidunt eu lectus vitae tempor. Vestibulum tempus nisl non nulla fermentum, ut feugiat neque vehicula.

1

Uniquement un paragraph Content

Cras nulla lectus, placerat at leo sed, suscipit feugiat orci. Nulla vulputate porttitor laoreet. Aliquam at vehicula arcu. Etiam lobortis at ipsum nec congue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Aenean mollis ex non tellus suscipit elementum. Quisque posuere turpis eget urna ornare, ac maximus nisi cursus. Sed lacus metus, cursus non posuere in, consequat ac lacus. Suspendisse sodales turpis vel metus lacinia, sed laoreet enim bibendum. Vivamus convallis quam vel est tristique, dignissim vehicula urna sodales. Proin mollis lacus non scelerisque feugiat.

2

Content, Message, Cards

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium elementum varius. Nullam sit amet diam tortor. Aliquam fringilla ultricies gravida. Maecenas tincidunt eu lectus vitae tempor. Vestibulum tempus nisl non nulla fermentum, ut feugiat neque vehicula.

Information importante

Morbi tincidunt, ligula non elementum lacinia, lacus tellus tincidunt arcu, in volutpat turpis sem a augue. Suspendisse convallis pulvinar dignissim. Proin nec metus felis. Integer aliquet bibendum arcu, sed tempus augue eleifend eu. Nulla ac erat mauris.

Design Issue

L'imbrication d'un paragraph message dans une étape n'a pas été programmé.

Attention à la liste à puce qui devrait afficher des flèches.

Réponse idéative

  • Bug réparé pour l'imbrication d'un message dans une étape
  • Liste à puces réparée
Texte + image

Vignette 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium elementum varius. Nullam sit amet diam tortor. Aliquam fringilla ultricies gravida. Maecenas tincidunt eu lectus vitae tempor. Vestibulum tempus nisl non nulla fermentum, ut feugiat neque vehicula. Morbi tincidunt, ligula non elementum lacinia, lacus tellus tincidunt arcu, in volutpat turpis sem a augue. Suspendisse convallis pulvinar dignissim. Proin nec metus felis. Integer aliquet bibendum arcu, sed tempus augue eleifend eu. Nulla ac erat mauris.

Texte uniquement

Vignette 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium elementum varius. Nullam sit amet diam tortor. Aliquam fringilla ultricies gravida. Maecenas tincidunt eu lectus vitae tempor. Vestibulum tempus nisl non nulla fermentum, ut feugiat neque vehicula. Morbi tincidunt, ligula non elementum lacinia, lacus tellus tincidunt arcu, in volutpat turpis sem a augue. Suspendisse convallis pulvinar dignissim. Proin nec metus felis. Integer aliquet bibendum arcu, sed tempus augue eleifend eu. Nulla ac erat mauris.

Lien

Vignette 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium elementum varius. Nullam sit amet diam tortor. Aliquam fringilla ultricies gravida. Maecenas tincidunt eu lectus vitae tempor. Vestibulum tempus nisl non nulla fermentum, ut feugiat neque vehicula. Morbi tincidunt, ligula non elementum lacinia, lacus tellus tincidunt arcu, in volutpat turpis sem a augue. Suspendisse convallis pulvinar dignissim. Proin nec metus felis. Integer aliquet bibendum arcu, sed tempus augue eleifend eu. Nulla ac erat mauris.

Lien

Vignette 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec pretium elementum varius. Nullam sit amet diam tortor. Aliquam fringilla ultricies gravida. Maecenas tincidunt eu lectus vitae tempor. Vestibulum tempus nisl non nulla fermentum, ut feugiat neque vehicula. Morbi tincidunt, ligula non elementum lacinia, lacus tellus tincidunt arcu, in volutpat turpis sem a augue. Suspendisse convallis pulvinar dignissim. Proin nec metus felis. Integer aliquet bibendum arcu, sed tempus augue eleifend eu. Nulla ac erat mauris.

Bug

Couleur des liens sur les cards noires

Réponse Ideative

Comme vu ensemble lors de la séance du 21/05, le cas des liens sur les cards ne se fera pas. Point non rectifié

Pleine largeur

Titre de la vignette pleine largeur

Suspendisse et eros dolor. Curabitur in diam id justo imperdiet commodo. Vestibulum semper condimentum eros, et scelerisque est condimentum sed. Nunc vitae leo ut risus tempus consequat quis in erat. Ut vel enim sed purus varius congue. Cras luctus, lectus id vestibulum lobortis, eros risus blandit purus, quis gravida nibh nisl vel quam. Mauris ultricies dapibus placerat. Sed felis ipsum, vehicula non nibh vel, egestas consequat risus.

Vignette sans image

Titre de la vignette trop long pour être affiché sur une ligne histoire de voir ce que le design donne et si le titre est tronqué

Morbi elementum purus a pharetra auctor. Curabitur vitae neque elementum, venenatis erat eget, ultricies sapien. Aenean consectetur lectus arcu, a dapibus leo finibus in. Vestibulum facilisis urna at odio pretium pellentesque. Integer imperdiet pellentesque suscipit. Donec vitae lacus lorem. Donec interdum tortor eget tincidunt rutrum. Sed egestas orci in quam tristique eleifend. Aenean augue orci, pulvinar sit amet purus quis, sollicitudin interdum sapien. Suspendisse auctor ante vitae diam hendrerit iaculis. Praesent quis urna in ante iaculis tincidunt. Phasellus enim enim, imperdiet eu nulla vitae, blandit facilisis ex. Quisque accumsan arcu pellentesque, tincidunt sapien eget, egestas mi.

3

Liens, média, publications, google map

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum imperdiet interdum tempus. Maecenas sit amet nisl vel nisl congue iaculis. Mauris libero ante, ornare sit amet mi vitae, volutpat scelerisque libero. Sed et ligula enim. Curabitur posuere augue sed euismod finibus. Suspendisse potenti.

Lien avec icône
Lien sans icône
Autre lien sans icône pour tester l'espacement
Nouveau lien avec icône pour vérifier l'espacement

Design

Ajouter un espacement à gauche pour aligner les liens qu'ils aient une icône ou non (à discuter)

Nullam a sapien vitae nisl euismod aliquet. Donec eu tortor dapibus, tincidunt erat ut, consequat dui. Donec accumsan ut felis eget hendrerit. Nullam placerat sem dolor, eget elementum mauris dignissim a. Sed erat tortor, ultrices eget mauris sit amet, aliquam malesuada quam. Sed porta ac orci in eleifend. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris a nulla tellus. Aliquam ullamcorper, odio ut consequat vehicula, erat nisl fringilla nibh, eu sollicitudin nisi arcu a diam.

Image fictive

Ergonomie

Ajouter des fonctionnalités de formatage : dimensions de l'image, alignement

Bug : Backoffice (IMPORTANT !!!!!!)

Quand on affiche l'aperçu, il n'est plus possible d'enregistrer les modifications de la page. Il faut alors rafraichir la page et tout refaire...

Réponse Ideative

Pour utiliser l'apercu, cliquer sur Aperçu sans ouvrir dans uen nouvelle fenêtre

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean fringilla ullamcorper nisl quis commodo. Sed sit amet odio at est viverra facilisis. Fusce venenatis dolor consequat, euismod ipsum in, venenatis felis. Donec vel ornare arcu. Curabitur ut magna molestie, posuere dolor eu, lacinia odio. Pellentesque ac molestie ligula. Vestibulum finibus dui nulla, non hendrerit augue pellentesque eget. Sed nisl velit, imperdiet id augue in, vulputate finibus felis.

Publication

Collecte des déchets: calendrier

Fiches d'information

Design et Ergonomie des publications

  • Reprendre le design
  • Le tag domine sur le lien : trouver une autre solution

 

Réponse idéative

Nous avons modifié l'encadré noir des tags par un fond gris

Backoffice

Ergonomie du paragraph Publication à revoir :

  • Agrandir pour éviter les ascenceurs : 
  • Réponse Ideative : demande non encore traitée

 

  • Sélectionner des publications puis effectuer une recherche, supprime les sélections... Il faut pouvoir utiliser la recherche plusieurs fois quand on souhaite ajouter une liste de publication.

Réponse Ideative

  • il s'agit d'un module de base de drupal, il faut donc faire une recherche et sélection à la fois
  • on propose de se repencher dessus en lot 5, mais cela risque de faire du développement spécifique que l'on ne recommande pas (pour les mises à jour)