Toujours pas satisfait de la gestion des tables dans l’admin de Dotclear, spécialement sur petit écran, et pour trouver une solution générique, qui soit à la fois accessible et responsive c’est pas gagné du tout !
Ce que j’ai trouvé de mieux, pour l’instant, c’est une librairie de Filament Group : tablesaw (cliquez sur l’image ci-dessous pour voir l’animation).
D’ailleurs ça m’intéresserait que vous regardiez sur vos (petits) écrans et/ou vos mobiles ce que donne leur démo et que vous me disiez comment ça fonctionne chez vous !
C’est pas parfait, entre autre avec Safari sur iOS, mais on s’approche de quelque chose d’utilisable. Restera à voir comment ça s’organise, spécialement quand on a en plus un drag’n’drop pour trier les lignes…
Quoi qu’il en soit, ce chantier sera repris plutôt plus tard vu qu’en ce moment c’est plutôt un nettoyage/formatage de Clearbricks avec reprise correspondante dans Dotclear.
1 De Fabrice -
Bonjour Franck,
Comme une image vaux 100 mots, voila une vidéo :
https://framadrop.org/r/4Zji1X3NOk#…
Fait avec un smartphone android (résolution 720/1280)
2 De Patidou -
J’ai vu passer un tweet où la solution proposée était de mettre le tableau dans wrapper avec scroll horizontal et de mettre les têtières en vertical sur les petites largeurs.
Si je retrouve le lien je le posterai ici. 😉
3 De Patidou -
Oh un emoji. 👍❤️
4 De Franck -
Dans Dotclear on a déjà un sroll horizontal et la plupart des solutions que je trouve proposent des démos avec des petits contenus question données dans les cellules, peu avec du texte potentiellement long.
5 De Cunego -
Sous android et la dernièee version de chrome leur démon sont vraiment lisibles.
6 De Franck -
Merci Cunégonde pour le retour !
7 De Bernard -
J’ai pô de web sur mon mobile….
Du coup:
- Sous Firefox: Outils->Développement Web->Vue adaptative
(windows: Ctrl+maj+M)
En haut du menu (sous dimensions): dans “aucun appareil sélectionné”, choisir un modèle.
On peut: modifier directement la taille, faire une capture écran…
Utile pour la mise en page; voir aussi
8 De Franck -
Merci Bernard. J’ai testé aussi avec les outils de développement de Chrome, Safari et Firefox, mais ils ne sont pas toujours fidèles au rendu réel sur mobile, surtout question interaction, défilement en particulier, ou changement d’orientation.
9 De Franck -
Fabrice je viens de repêcher ton commentaire depuis l’antispam. Merci pour la vidéo ! Je vois que c’est très utilisable.