<k-pages-field> Title of the pages linked

Kirby 3
,
1

Hi there

i am confused and would be happy for some help.

i try to get a panel view inside my block plugin with the . I get the list of all elements linked but not the title of these elements. i am pretty new to vue an not sure how to get these titles.

My panel block looks like this:

Bildschirmfoto 2023-11-22 um 15.54.19
Bildschirmfoto 2023-11-22 um 15.54.192706×644 9.73 KB

i just wanna have the title of the linked pages.

thank you very much for helping.

2

Please post your block blueprint and your JavaScript

3

my current state

name: field.blocks.expertslist.name
icon: accounts
fields:
  experts:
    type: multiselect
    label: Experten
    layout: list
    options:
      type: query
      query: collection('team')
  margins: fields/settings/margins

<template v-slot:default="data">
  <div>
    <k-pages-field label="Experten" :value="content.experts" required="true" />
  </div>
</template>
4

content.experts only contains the ids of the selected pages, not 100% sure what’s expected here, never used a pages field in a preview. In Kirby 4, you will be able to use the fields preview to accomplish this without creating a separate preview (at least if you use a pages field as input instead of a multiselect).

As far as I remember, there is a plugin that creates these preview forms, I’ll try to find it.

5

thank you… yes i know i only have the page id’s. I thought it will be a good thing to show them like this but maybe there is a better solution. I’am open for ideas

6

@texnixe i found a better way to list the pages!

    <k-multiselect-field
      label="Experten"
      layout="list"
      icon="account"
      sort="true"
      :value="content.experts"
      required="true"
      :options="fieldset.tabs.content.fields.experts.options"
    />

this looks as expected. A nice list of names with the ability to add and remove.

thank you for give me that idea.