Blueprints Element Field save Frontmatter

Support Forms & Blueprints
1

Hi, I have blueprints

title: Landing
'@extends':
        type: default
form:
    fields:
        tabs:
            type: tabs
            active: 1
            fields:
                links:
                    type: tab
                    title: THEME_SAHABAT.ADMIN.LANDING.URL.LABEL
                    fields:
                        header.link:
                            name: link
                            type: list
                            style: vertical
                            label: THEME_SAHABAT.ADMIN.LANDING.URL.LABEL
                            fields:
                                .title:
                                    type: text
                                    label: THEME_SAHABAT.ADMIN.LANDING.TITLE.LABEL
                                    help: THEME_SAHABAT.ADMIN.LANDING.TITLE.HELP
                                .gambar:
                                    type: elements
                                    label: THEME_SAHABAT.ADMIN.LANDING.JENISGAMBAR.LABEL
                                    size: small
                                    default: imag
                                    options:
                                        ikon: Icon
                                        imag: Image
                                    fields:
                                        imag:
                                            type: element
                                            fields:
                                                .itemsimg:
                                                    type: filepicker
                                                    preview_images: true
                                                    label: THEME_SAHABAT.ADMIN.LANDING.GAMBAR.LABEL
                                                    help: THEME_SAHABAT.ADMIN.LANDING.GAMBAR.HELP
                                        ikon:
                                            type: element
                                            fields:
                                                .itemsico:
                                                    type: filepicker
                                                    acccept:
                                                        - .png
                                                    folder: 'theme@:/vendor/medicalicons/png'
                                                    preview_images: true
                                                    label: THEME_SAHABAT.ADMIN.ITEM_UNGGULAN.ICON_UNGGULAN.LABEL
                                                    help: THEME_SAHABAT.ADMIN.ITEM_UNGGULAN.ICON_UNGGULAN.HELP
                                .url:
                                    type: text
                                    label: THEME_SAHABAT.ADMIN.LANDING.URL.LABEL
                                    help: THEME_SAHABAT.ADMIN.LANDING.URL.HELP

but when i create a page, items element not saved

link:

-
    title: Beranda
    gambar: ikon
    url: beranda

-
    title: 'Layanan Unggulan'
    gambar: ikon
    url: layanan-unggulan

i have done read here → Reference: Blueprint Form Fields | Grav Documentation

can someone tell me, what’ am i wrong?

Thanks before.

FYI: I just play gravcms last week ( until now 3 weeks ).

2

I think, i have answer closer,

title: Landing
'@extends':
        type: default
form:
    fields:
        tabs:
            type: tabs
            active: 1
            fields:
                links:
                    type: tab
                    title: THEME_SAHABAT.ADMIN.LANDING.URL.LABEL
                    fields:
                        header.link:
                            name: link
                            type: list
                            style: vertical
                            label: THEME_SAHABAT.ADMIN.LANDING.URL.LABEL
                            fields:
                                .title:
                                    type: text
                                    label: THEME_SAHABAT.ADMIN.LANDING.TITLE.LABEL
                                    help: THEME_SAHABAT.ADMIN.LANDING.TITLE.HELP
                                .detail.jenis:
                                    type: elements
                                    label: THEME_SAHABAT.ADMIN.LANDING.JENISGAMBAR.LABEL
                                    size: small
                                    default: imag
                                    options:
                                        ikon: Icon
                                        imag: Image
                                    fields:
                                        imag:
                                            type: element
                                            fields:
                                                .imag:
                                                    type: filepicker
                                                    preview_images: true
                                                    label: THEME_SAHABAT.ADMIN.LANDING.GAMBAR.LABEL
                                                    help: THEME_SAHABAT.ADMIN.LANDING.GAMBAR.HELP
                                        ikon:
                                            type: element
                                            fields:
                                                .ikon:
                                                    type: filepicker
                                                    acccept:
                                                        - .png
                                                    folder: 'theme@:/vendor/medicalicons/png'
                                                    preview_images: true
                                                    label: THEME_SAHABAT.ADMIN.ITEM_UNGGULAN.ICON_UNGGULAN.LABEL
                                                    help: THEME_SAHABAT.ADMIN.ITEM_UNGGULAN.ICON_UNGGULAN.HELP
                                .url:
                                    type: text
                                    label: THEME_SAHABAT.ADMIN.LANDING.URL.LABEL
                                    help: THEME_SAHABAT.ADMIN.LANDING.URL.HELP

output:

link:
    -
        title: Beranda
        detail:
            jenis: ikon
        url: /beranda

but i want output like this

link:
    -
        title: Beranda
        detail:
            jenis: ikon
            filename: home.png
        url: /beranda

i hope someone give me insight, i’ve deadlock to try.

Thanks b4.

3

@topidesta, I’m afraid there is an issue with Element field. The demo from the docs shows the same behaviour.

I’ve created an issue on Github: Elements field not saving data of element #552

4

Thanks sir.

I hope someone find- this bug, have you an idea sir?

5

@topidesta, You can subscribe to the Github issue I’ve created. You will then stay updated about the progress made by the dev team.

6

Okay, i thinks it’s bug has tracker in github by @pamtbaau , but my problem here is solved just add 2 field and if else in twig templating.

                                .imag:
                                    type: filepicker
                                    preview_images: true
                                    label: THEME_SAHABAT.ADMIN.LANDING.GAMBAR.LABEL
                                    help: THEME_SAHABAT.ADMIN.LANDING.GAMBAR.HELP
                                .ikon:
                                    type: filepicker
                                    acccept:
                                        - .png
                                    folder: 'theme@:/vendor/medicalicons/png'
                                    preview_images: true
                                    label: THEME_SAHABAT.ADMIN.ITEM_UNGGULAN.ICON_UNGGULAN.LABEL
                                    help: THEME_SAHABAT.ADMIN.ITEM_UNGGULAN.ICON_UNGGULAN.HELP

thanks @pamtbaau for your reply.