Customising the "block options" pop-over

renestalder · October 28, 2021, 12:53pm

I was asked by a customer whether I could move the “duplicate” button in the pop-over menu on blocks from the 3-dots outside to the other options and I wonder, If that is even possible/if there is a way, without “hacking” to achieve that. Can anybody answer that?

texnixe · October 28, 2021, 4:11pm

Theoretically it should be possible to overwrite the BlockOptions component with a custom component.

github.com

getkirby/kirby/blob/main/panel/src/components/Blocks/BlockOptions.vue

<template>
  <k-dropdown class="k-block-options">
    <template v-if="isBatched">
      <k-button
        :tooltip="$t('remove')"
        class="k-block-options-button"
        icon="trash"
        @mousedown.native.prevent="$emit('confirmToRemoveSelected')"
      />
    </template>
    <template v-else>
      <k-button
        :tooltip="$t('edit')"
        icon="edit"
        class="k-block-options-button"
        @click="$emit('open')"
      />
      <k-button
        :disabled="isFull"
        :tooltip="$t('insert.after')"

This file has been truncated. show original

Similar to how this plugin overwrites the link dialog: GitHub - gearsdigital/enhanced-toolbar-link-dialog: Enhanced Toolbar Link Dialog is a Kirby 3 plugin to handle internal links

renestalder · November 3, 2021, 11:48am

Thank you. Good to know it’s possible.

Topic		Replies	Views
Overwrite default block Vue Kirby 3	6	377	August 26, 2022
Extend kirby editor image block Questions 🤔 editor	4	1380	September 29, 2020
Doubleclick to open customblock settings	5	210	November 4, 2022
Creating custom textarea toolbar button Kirby 4	8	308	November 30, 2023
Image block preview	22	582	December 13, 2022

Customising the "block options" pop-over

Related Topics