Panel area that saves global site settings (such as navigation items, or general contact settings, ...)

The CMS Questions
1

Hello, I’m attempting to tidy up the site.yml file by relocating certain settings to a designated panel area. Currently, I have managed to display a panel area with a field. However, I am unsure about how to save this field data and, later on, how to access it in the templates.

Plugin structure:

image
image614×352 17.3 KB

Component:

<template>
    <k-inside>
        <k-view class="k-navigation-view">
            <k-header>Navigation</k-header>
            <k-text-field v-model="test" name="text" label="Test" />
        </k-view>
    </k-inside>
</template>

<script>
export default {
    data() {
        return {
            test
        }
    }
}
</script>

Panel Area:

image
image3826×1868 191 KB

2

hi @Sam_Ghyselinck did you mange to solve this? I am looking for the same setup in the panel and to also add pages in the custom panel area. thanks!

3

I’d advise against it as in a custom Panel area you will have to reimplement all the pages, section and fields logic yourself (which is a lot and hard).

Maybe your use case could also work with a dedicated “Settings” tab on the site blueprint.

4

Thanks for following up. I found a solution that works for my case, which is to create an unlisted page that contains subpages. Then using the unlisted page is added to the panel menu.

I didn’t realise that was possible before and makes it a very easily solution to create new items in the panel menu that are linked to the regular pages created with blueprints.

2 Likes
5

I went with @distantnative approach. Your solution sounds very clean as well.