J'ai une page d'éditeur de diagramme où je veux ouvrir une barre d'outils volante (Ici, la barre d'outils volante signifie qu'elle peut être ouverte sur n'importe quelle forme présente dans l'éditeur similaire au menu contextuel) en cliquant sur les éléments graphiques de l'éditeur pour effectuer une opération. Mais il doit être ouvert horizontalement en haut de l'élément lors d'un clic gauche contrairement au menu contextuel normal.

Une idée comment faire?

J'ai essayé d'utiliser le menu contextuel prime ng pour le même mais je n'ai pas trouvé le moyen de le rendre horizontal

La photo ci-jointe est ce dont j'ai besoin.

0
Prashant Mishra 8 nov. 2020 à 09:54

1 réponse

Meilleure réponse

Vous pouvez y parvenir en remplaçant les classes css primeng .p-contextmenu et .p-contextmenu .p-menuitem dans styles.css

Vous pouvez trouver l'exemple ici dans StackBlitz.

    .p-contextmenu {
        width: 100%;
    }

    .p-contextmenu .p-menuitem {
        float: left;
    }
0
Berkin Sansal 10 nov. 2020 à 09:44