Блог

У меня есть страница редактора диаграмм, где я хочу открыть летающую панель инструментов (здесь летающая панель инструментов означает, что ее можно открыть на любой фигуре, присутствующей в редакторе, аналогично контекстному меню), щелкнув по графическим элементам редактора для выполнения некоторой операции. Но оно должно открываться горизонтально в верхней части элемента при щелчке левой кнопкой мыши, в отличие от обычного контекстного меню.

есть идеи, как это сделать?

Я пытался использовать контекстное меню prime ng для того же, но я не нашел способа сделать его горизонтальным

Прикрепленное изображение — это то, что мне нужно.

Вы можете добиться этого, переопределив классы primeng css .p-contextmenu и .p-contextmenu .p-menuitem в styles.css

Вы можете найти пример здесь, в StackBlitz.

     .p-contextmenu {
        width: 100%;
    }

    .p-contextmenu .p-menuitem {
        float: left;
    }