Navigation

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular

    Mudar a cor de uma Grade

    Formulários e Componentes
    3
    4
    59
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • A
      Alexandre 1 last edited by

      Bom dia, Estou a dias tentando mudar a cor de uma grade, onde fica o Nome das coluna, hoje esta Azul e eu preciso colocar outra cor, ja pesquisei, vi videos e etc. mais não consegui fazer, tentei fazer usando o Estilo CSS e tambem Clase, mais sem sucesso, se alguem tiver alguma sugestão serei muito grato.

      Obrigado a todos.

      dngadelha 1 Reply Last reply Reply Quote 0
      • dngadelha
        dngadelha @Alexandre 1 last edited by

        @alexandre-1 a cor da grade vem do Bootstrap. Se você estilizar o Bootstrap, estiliza todos os componentes, incluindo a grade.

        Existem diversos sites que disponibilizam temas do Bootstrap 4 que você pode utilizar nos seus sistemas e estilizar todo o Webun.

        Mas se você quer alterar pelo CSS, basta atualizar a variável --primary.

        Você pode colocar isso diretamente no CSS do template que seu sistema utiliza (lá em assets/skins/<tema>.css) ou colocar na propriedade de CSS de um formulário se quer somente específico pra ele:

        :root {
          --primary: red; /* <-- Sua cor principal aqui */
        }
        

        Agora se você quer estilizar somente o componente Grade, você pode modificar o CSS dele em components/isomorphic/skins/default/skin_styles.css e substituir tudo que tem var(--primary) pela cor que você quer utilizar.

        A 1 Reply Last reply Reply Quote 0
        • A
          Alexandre 1 @dngadelha last edited by

          @dngadelha obrigado, consegui usando o seu exemplo.

          DiegoJC 1 Reply Last reply Reply Quote 1
          • DiegoJC
            DiegoJC @Alexandre 1 last edited by

            @alexandre-1 se quiser pode ir pelo CSS de alguns elementos da própria grade.

            .listGrid [role="toolbar"] {
            background-color: #F08088 !important;
            }

            .headerButton{
            background-color: #F08080 !important;
            }

            .sorterButton{
            background-color: #F08080 !important;
            }

            .listGrid {
            border: 1px solid #F08088 !important;
            }

            1 Reply Last reply Reply Quote 0
            • First post
              Last post