Aller directement au contenu
  • Catégories
  • Récent
  • Mots-clés
  • Populaire
  • Utilisateurs
  • Groupes
Réduire
Logo

Communauté Digdash

  1. Accueil
  2. Discussion Générale
  3. Éditeur de Tableaux de Bord
  4. Largeur ajustée automatiquement des colonnes dans un flux Tableau

Largeur ajustée automatiquement des colonnes dans un flux Tableau

Planifié Épinglé Verrouillé Déplacé Résolu Éditeur de Tableaux de Bord
7 Messages 3 Publieurs 1.4k Vues 3 Abonné
  • Du plus ancien au plus récent
  • Du plus récent au plus ancien
  • Les plus votés
Répondre
  • Répondre à l'aide d'un nouveau sujet
Se connecter pour répondre
Ce sujet a été supprimé. Seuls les utilisateurs avec les droits d'administration peuvent le voir.
  • S
    S
    Salsifi
    a écrit sur dernière édition par
    #1

    Bonjour, concernant le flux Tableau, je cherche le moyen de faire en sorte que le tableau occupe en largeur toute la largeur de son conteneur, quelle que soit la dimension de la fenêtre du tableau de bord sur l'écran de l'utilisateur. L'idée est que la largeur des colonnes s'adapte à l'espace disponible. J'ai bien réglé une largeur de 100%, mais en faisant cela la largeur des colonnes ne s'ajuste pas, cela crée juste un grand vide à la droite de la dernière colonne quand la fenêtre est grande.
    Est-ce possible que les colonnes s'ajustent automatiquement en largeur à l'espace disponible?
    D'avance merci.

    1 réponse Dernière réponse
    0
    • J jeje92

      Vous devez créer un nouveau thème et insérer le code que je vous ai envoyé

      A
      A
      Alexandre CAMPOS
      a écrit sur dernière édition par
      #6

      Bonjour,

      Le theme digdash_2024 a ce comportement par défaut.

      S 1 réponse Dernière réponse
      1
      • J
        J
        jeje92
        a écrit sur dernière édition par
        #2

        Bonjour,

        Vous pouvez appliquer ce style css à votre flux. Cela devrait régler votre problème.

        /Ne pas modifier/
        html{
        overflow-x: hidden;
        }

        /Ne pas modifier/
        #divTable, #content, table, tr, td, th, span{
        width: 99% !important;
        }

        /Ne pas modifier/
        tr, td, th, span{
        padding: 1px 5px 1px 1px !important;

        }

        .cellSpan{
        background-image: none !important;
        }

        Bien à vous,

        Jérémy Blatrix

        S 1 réponse Dernière réponse
        0
        • J jeje92

          Bonjour,

          Vous pouvez appliquer ce style css à votre flux. Cela devrait régler votre problème.

          /Ne pas modifier/
          html{
          overflow-x: hidden;
          }

          /Ne pas modifier/
          #divTable, #content, table, tr, td, th, span{
          width: 99% !important;
          }

          /Ne pas modifier/
          tr, td, th, span{
          padding: 1px 5px 1px 1px !important;

          }

          .cellSpan{
          background-image: none !important;
          }

          Bien à vous,

          Jérémy Blatrix

          S
          S
          Salsifi
          a écrit sur dernière édition par
          #3

          Bonjour @jeje92, merci pour votre réponse. Pourriez-vous me préciser à quel endroit dans Dig Dash je dois appliquer ce style CSS? Si c'est dans le volet Style de l'Éditeur, comme sur la copie d'écran, cela ne donne rien... Merci d'avance!
          8df505e0-14e4-4d5a-8ca6-3228c504242e-image.png

          J 1 réponse Dernière réponse
          0
          • S Salsifi

            Bonjour @jeje92, merci pour votre réponse. Pourriez-vous me préciser à quel endroit dans Dig Dash je dois appliquer ce style CSS? Si c'est dans le volet Style de l'Éditeur, comme sur la copie d'écran, cela ne donne rien... Merci d'avance!
            8df505e0-14e4-4d5a-8ca6-3228c504242e-image.png

            J
            J
            jeje92
            a écrit sur dernière édition par
            #4

            Bonjour,

            Vous devez insérer ce code directement dans le graphique en question du studio (dans la partie Thèmes qui se situe à droite de l'écran) et non dans l'éditeur

            6a5c0af2-cea2-4416-8cd6-2719762e8f30-image.png

            Bien à vous,

            Jérémy Blatrix

            J 1 réponse Dernière réponse
            0
            • J jeje92

              Bonjour,

              Vous devez insérer ce code directement dans le graphique en question du studio (dans la partie Thèmes qui se situe à droite de l'écran) et non dans l'éditeur

              6a5c0af2-cea2-4416-8cd6-2719762e8f30-image.png

              Bien à vous,

              Jérémy Blatrix

              J
              J
              jeje92
              a écrit sur dernière édition par
              #5

              Vous devez créer un nouveau thème et insérer le code que je vous ai envoyé

              A 1 réponse Dernière réponse
              1
              • J jeje92

                Vous devez créer un nouveau thème et insérer le code que je vous ai envoyé

                A
                A
                Alexandre CAMPOS
                a écrit sur dernière édition par
                #6

                Bonjour,

                Le theme digdash_2024 a ce comportement par défaut.

                S 1 réponse Dernière réponse
                1
                • A Alexandre CAMPOS

                  Bonjour,

                  Le theme digdash_2024 a ce comportement par défaut.

                  S
                  S
                  Salsifi
                  a écrit sur dernière édition par
                  #7

                  @alexandre-campos et @jeje92 merci pour vos réponses. Vivent le html/css et le thème DigDash_2024 (qui solutionne effectivement ce point)!

                  1 réponse Dernière réponse
                  0

                  Bonjour ! Vous semblez intéressé par cette conversation, mais vous n’avez pas encore de compte.

                  Marre de refaire défiler les mêmes messages ? Créez un compte pour retrouver votre position, recevoir des notifications des nouvelles réponses, sauvegarder vos favoris et voter pour les messages que vous appréciez.

                  Grâce à votre participation, ce message peut devenir encore meilleur 💗

                  S'inscrire Se connecter
                  Répondre
                  • Répondre à l'aide d'un nouveau sujet
                  Se connecter pour répondre
                  • Du plus ancien au plus récent
                  • Du plus récent au plus ancien
                  • Les plus votés


                  • Accueil
                  • Webinaires
                  • Documentation
                  • Interviews
                  • Vidéos tutos
                  • Se connecter

                  • Vous n'avez pas de compte ? S'inscrire

                  • Connectez-vous ou inscrivez-vous pour faire une recherche.
                  • Premier message
                    Dernier message
                  0
                  • Catégories
                  • Récent
                  • Mots-clés
                  • Populaire
                  • Utilisateurs
                  • Groupes