Comment changer le filtre de couleur de l'icône ou l'icône de filtre lorsque la colonne est filtré

J'ai ajouté filtrables: true pour kendo ui grille. La grille est arriver filtrée correctement.

Ce que je veux, c'est lorsque l'icône de filtre est cliqué sur l'icône de filtre doivent être remplis d'une couleur différente, ou peut-être la couleur qui doit être changé pour icône de filtre inidcating que la colonne de filtre icône.

S'il vous plaît dites comment ce.

InformationsquelleAutor user2117983 | 2013-06-21
  1. 1

    C'est pris en charge hors de la boîte. Regardez de plus près les démos lorsque vous filtre modifier le thème, si nécessaire. Ou de modifier le CSS d'un thème particulier pour le rendre plus visible.

    • Merci pour votre réponse. Je l'ai vérifié. Il est travaillé pour moi. Mais, en arrière-plan la couleur, j'ai spécifié n'est pas remplis jusqu'à toute la hauteur de la colonne. De haut la couleur de fond démarre mais elle se termine juste au-dessus de la bordure de la colonne, laissant un peu de blanc d'espace. Ainsi, il semble comme il est de couleur d'arrière-plan blanc espace et de l'en-tête de colonne de la frontière. Puis-je supprimer le blanc de l'espace et de la couleur à la fin de l'en-tête de la frontière.
    • Merci. L'icône montre appliqué d'arrière-plan de couleur, Mais la couleur d'arrière-plan ne semble pas remplir la totalité de la hauteur et donc un espace blanc est y rester, je veux supprimer l'espace blanc qui s'affiche en dessous de l'icône de filtre. Comment puis-je le supprimer.
    • J'ai pris l'aide d'en-haut les deux réponses. Merci à tous.
    • Pourquoi est-ce le approuvés réponse? Il n'y a PAS d'exemple. Je n'aime vraiment pas les CSS des réponses sans exemples.
    InformationsquelleAutor Petur Subev
  2. 6

    Dans mon cas, le code css suivant l'ai fait, facile et simple.

    .k-grid-filter.k-state-active {
        background-color: #d2691e; 
}
    InformationsquelleAutor Marco Hübers
  3. 2

    Quelques-uns des thèmes de le faire, mais au moins le Métro on ne le fait pas, si c'est celui que vous utilisez trop.

    (au MOINS)

    .k-grid {

    /* Also changes the group row background color */
    .k-grouping-row > td {
        background-color: #c5c5c5;
    }

    .k-grid-header {
        .k-grid-filter.k-state-active {
            background-color: #7ea700; /* Default metro active color */

            /* White icon */
            .k-icon.k-filter {
                background-position: -48px -80px;
            }
        }
    }
}

    Je prends le kendo.de métro.moins fichier, bâton (plus quelques autres) à la fin.

    • Merci. J'ai ajouté le code de la classe .k-grille-filtre.k-état actif, L'icône se montrant appliqué couleur d'arrière-plan. Mais la couleur d'arrière-plan ne semble pas remplir la totalité de la hauteur et donc un espace blanc est y reste.Je veux supprimer l'espace blanc qui s'affiche en dessous de l'icône de filtre. Comment puis-je le supprimer.
    InformationsquelleAutor Leniency