Tableau responsive design ?

Réduire
X
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Tableau responsive design ?

    Bonjour,
    J'ai inséré un tableau dans un article mais sur smartphone l'affichage est tronqué, l'affichage de l'écran ne s’adapte pas au taille des périphériques utilisés.
    Joomla v3.8.12 + TinyMCE
    Avez-vous une idée pour résoudre ce problème, je pense classique !
    Merci pour votre aide.

  • #2
    Bonsoir,

    Mon plugin UP propose 4 méthodes pour afficher des tableaux sur un smartphone :

    - https://up.lomart.fr/demo/action-table-by-rows : empile les colonnes d'une ligne
    - https://up.lomart.fr/demo/action-table-by-columns : empile les lignes par colonnes
    - https://up.lomart.fr/demo/action-table-flip : permute les colonnes et les lignes d'une table
    - https://up.lomart.fr/demo/action-table-fixe : bloque le défilement de l'entête et de colonnes

    Aucune méthode n'est universelle, cela dépend des données affichées
    Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
    ---
    UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
    bgMax
    , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

    Commentaire


    • #3
      Aucune méthode n'est universelle, cela dépend des données affichées
      en espérant que ce soit bien des données et pas des photos par exemple
      “Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter le nouveau service (en Beta) de la base de connaissance https://kb.joomla.fr
      Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérer à l'AFUJ https://www.joomla.fr/association/adherer

      Commentaire


      • #4
        Bonjour, merci pour votre message.
        Oui il s'agit bien d'un tableau de données , 2 colonnes et 10 lignes.
        Liste d'intitulé (description du produit) et les prix correspondants (en 2ème colonne).
        Ce tableau est présent sur une centaines d'articles (avec des valeurs de données différentes).

        Commentaire


        • #5
          Bonjour,

          Ce tableau est généré comment ? par une extension ou manuellement ?
          Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
          ---
          UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Bonjour Iomart.
            Comme précisé dans ma demande initiale, le tableau est généré par l'éditeur TinyMCE, en utilisant le bouton Insérer un tableau de la barre d'outils.
            J'ai trouvé comment intégré le resize automatique de la largeur des 2 colonnes en fonction de la taille du périphérique (PC , Smartphone), dans les propriétés du tableau, il faut indiquer la largeur (non pas un nombre de points fix) en indiquant la valeur 100%.
            Il est également possible de le faire pour la hauteur des lignes en cas de besoin.
            Pas mal d'autres paramètres, sont disponibles pour régler les aspects des tableaux: forme et taille des contours ou quadrillage du tableau, couleurs, image de fond etc.
            Quelles sont les avantages de votre plugin par rapport à l'éditeur standard ?

            Commentaire


            • #7
              Euh non, le tableau n'est pas généré par TinyMCE mais l'éditeur WYSIWIG JCE.

              Commentaire


              • #8
                Bonjour,
                Quelles sont les avantages de votre plugin par rapport à l'éditeur standard ?
                Testez les liens de démonstration en redimensionnant la fenêtre de votre navigateur, vous les verrez immédiatement

                Ci-dessous, un exemple en image :
                Cliquez sur l'image pour l'afficher en taille normale

Nom : UP-table-par-colonnes.jpg 
Affichages : 1 
Taille : 168,1 Ko 
ID : 1987828
                Fichiers joints
                Un message d’erreur sur votre site Joomla, consultez la base de connaissance https://kb.joomla.fr
                ---
                UP, un plugin "couteau suisse" à découvrir sur https//up.lomart.fr
                bgMax
                , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

                Commentaire

                Annonce

                Réduire
                1 sur 2 < >

                C'est [Réglé] et on n'en parle plus ?

                A quoi ça sert ?
                La mention [Réglé] permet aux visiteurs d'identifier rapidement les messages qui ont trouvé une solution.

                Merci donc d'utiliser cette fonctionnalité afin de faciliter la navigation et la recherche d'informations de tous sur le forum.

                Si vous deviez oublier de porter cette mention, nous nous permettrons de le faire à votre place... mais seulement une fois
                Comment ajouter la mention [Réglé] à votre discussion ?
                1 - Aller sur votre discussion et éditer votre premier message :


                2 - Cliquer sur la liste déroulante Préfixe.

                3 - Choisir le préfixe [Réglé].


                4 - Et voilà… votre discussion est désormais identifiée comme réglée.

                2 sur 2 < >

                Assistance au forum - Outil de publication d'infos de votre site

                Compatibilité: PHP 4.1,PHP4, 5, 6DEV MySQL 3.2 - 5.5 MySQLi from 4.1 ( @ >=PHP 4.4.9)

                Support Version de Joomla! : | J!3.0 | J!2.5.xx | J!1.7.xx | J!1.6.xx | J1.5.xx | J!1.0.xx |

                Version française (FR) D'autres versions sont disponibles depuis la version originale de FPA

                UTILISER À VOS PROPRES RISQUES :
                L'exactitude et l'exhaustivité de ce script ainsi que la documentation ne sont pas garanties et aucune responsabilité ne sera acceptée pour tout dommage, questions ou confusion provoquée par l'utilisation de ce script.

                Problèmes connus :
                FPA n'est actuellement pas compatible avec des sites Joomla qui ont eu leur fichier configuration.php déplacé en dehors du répertoire public_html.

                Installation :

                1. Téléchargez l'archive souhaitée : http://afuj.github.io/FPA/

                Archive zip : https://github.com/AFUJ/FPA/zipball/master

                2. Décompressez le fichier de package téléchargé sur votre propre ordinateur (à l'aide de WinZip ou d'un outil de décompression natif).

                3. Lisez le fichier LISEZMOI inclus pour toutes les notes de versions spécifiques.

                4. LIRE le fichier de documentation inclus pour obtenir des instructions d'utilisation détaillées.

                5. Téléchargez le script fpa-fr.php à la racine de votre site Joomla!. C'est l'endroit que vous avez installé Joomla et ce n'est pas la racine principale de votre serveur. Voir les exemples ci-dessous.

                6. Exécutez le script via votre navigateur en tapant: http:// www. votresite .com/ fpa-fr.php
                et remplacer www. votresite .com par votre nom de domaine


                Exemples:
                Joomla! est installé dans votre répertoire web et vous avez installé la version française du fichier FPA:
                Télécharger le script fpa-fr.php dans: /public_html/
                Pour executer le script: http://www..com/fpa-fr.php

                Joomla! est installé dans un sous-répertoire nommé "cms" et vous avez installé la version française du fichier FPA:
                Télécharger le script fpa-fr.php dans: /public_html/cms/
                Pour executer le script: http://www..com/cms/fpa-fr.php

                En raison de la nature très sensible de l'information affichée par le script FPA, il doit être retiré immédiatement du serveur après son utilisation.

                Pour supprimer le script de votre site, utilisez le lien de script de suppression fourni en haut de la page du script. Si le lien de suppression échoue pour supprimer le script, utilisez votre programme FTP pour le supprimer manuellement ou changer le nom une fois que le script a généré les données du site et le message publié sur le forum. Si le script est toujours présent sur le site, il peut être utilisé pour recueillir suffisamment d'informations pour pirater votre site. Le retrait du script empêche des étrangers de l'utiliser pour jeter un oeil à la façon dont votre site est structuré et de détecter les défauts qui peuvent être utilisé à vos dépends.
                Voir plus
                Voir moins
                Travaille ...
                X