{tab Vendredi 8 mars 2019} {tab Samedi 9 mars 2019} {/tabs}

NOUVEAU : un bouton (l'étoile) pour ajouter/retirer une conf de ses favoris. Il ne faut pas être connecté. Cela mémorise donc forcément uniquement pour le navigateur / le device en cours

JoomlaDay 2019 > grille horaire avec CSS Grid > proof of concept

Le principe

• chaque conférence a une classe "room-X" et "slot-Y" (voire "slot-multi-Z" lorsqu'il faut couvrir plusieurs zones
• ces classes viennent directement des Champs Personnalisés (CP) correspondants. Concrètement, on indique donc p.ex. "9:30" dans le CP l'article d'une conférence
• la grille se construit ensuite toute seul simplement sur base de ces classes, en allant placer chaque conférence dans la/les bonne(s) case(s)

Déjà en place

• le principe général ci-dessus
• les conférences qui couvrent plusieurs créneaux sur une salle (voir les 2 exemples : vendredi pour 1 conf factice et samedi pour les Grands Débutants)
• les pauses/repas qui couvrent plusieurs salles sur un créneau (déjà implémenté à titre d'exemple pour le Lunch)

Au niveau design, reste encore à

• styler le tout
• rendre la grille responsive : là on a défini une largeur minimale pour chaque colonne... et sur smartphone on peut scroller horizontalement ! Est-ce suffisant ?
• prévoir un fallback pour les "vieux" navigateurs qui ne prennent pas en charge CSS Grid (?)

{tab Vendredi} {tab Samedi} {tab Test}

Intervenants

This is an example of use of Alternate Layout (new since J!3.9) applied to RegularLabs Articles Field (combined here with Articles Anywhere). Note : works only with the regular Articles Field, not with the "show linked articles" option.

{/tabs}

See the French version of this site for

• the program
• all the practical information

and use your favourite Translator to see the content in your own language

 

 

Votre achat a été enregistré

 

L'équipe du JoomlaDay™ FR prendra contact avec vous bientôt.

Si jamais vous avez des questions à nous poser, Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.

Je participe à la promotion du JoomlaDay™ FR 2018

Choisissez la bannière de votre choix pour votre site, format 251*251 ou 729*91 ou 801*487.

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/banniere.jpg" width="729" height="91"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/banniere-avance.jpg" width="729" height="91"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/banniere-peuxpas.jpg" width="729" height="91"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/banniere-pros.jpg" width="729" height="91"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/banniere-question.jpg" width="251" height="251"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/carre.jpg" width="251" height="251"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/carre-avance.jpg"width="251" height="251"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/carre-peuxpas.jpg" width="251" height="251"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/carre-pros.jpg" width="251" height="251"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/carre-questions.jpg" width="251" height="251"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/post.jpg" width="801" height="487"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/post-avance.jpg" width="801" height="487"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/post-peuxpas.jpg" width="801" height="487"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/post-pros.jpg" width="801" height="487"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Paris | 18 & 19 mai 2018"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2018/banners/post-questions.jpg" width="801" height="487"  /></a>

---

Copiez et collez ce code dans votre page :

<div style="position:relative;width:100%;height:0;padding-bottom:56.25%;"><iframe allowfullscreen style="position:absolute; width: 100%; height: 100%;border: solid 1px #333;" src="https://www.beautiful.ai/player/-L5932x45Q8_tjSesaXC/Joomladay-2018"/></div>

Je participe à la promotion du JoomlaDay™ FR 2020

Choisissez la bannière de votre choix pour votre site, format 728*90 ou 250*250 ou 800*486 ou 300*1050

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-02B.png" width="728" height="90"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-piscine-01.png" width="728" height="90"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-question-01.png" width="728" height="90"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-question-01.png" width="250" height="250" /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-piscine-02.png" width="250" height="250"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-question-02.png" width="250" height="250"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-04B.png" width="800" height="486"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-piscine-03.png" width="800" height="486"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-question-03.png" width="800" height="486"  /></a>

---

Copiez et collez ce code dans votre page :

<a href="https://www.joomladay.fr/" target="_blank" title="Allez au JoomlaDay™ FR  | Bruxelles | 15 & 16 mai 2020"><img alt="JoomlaDay™ FR " src="https://www.joomladay.fr/images/2020/banners/jdfr-2020-01B.png" width="300" height="1050"  /></a>