Page blueprint list function

Support Forms & Blueprints
1

Hi!
Now I am working on adding custom page blueprints to make it easier to add content to the website and I came across a problem where I am trying to add a list within a list.

I got it partially working, yet I think it is not going to work since it is not implemented.

Part of custom blueprint for the page:

header.topcards:
  name: topcards
  type: list
  style: vertical
  label: Topcards
  fields:
    .title:
      type: text
      label: Card title
    header.listitem:
      name: lisitem
      type: list
      style: vertical
      label: List
      fields:
        .title:
          type: text
          label: Title
        .content:
          type: textarea
          label: Content

Which becomes something like this:

listalist
listalist.png1645×930 31.8 KB

And this is how I would like it to be formatted in page header.

topcards:
    card1:
        title: Card 1
        items:
            -
                title: 'List item 1'
                content: 'List item content'
            -
                title: 'List item 1'
                content: 'List item content'
    card2:
        title: Card 2
        items:
            -
                title: 'List item 1'
                conten: List item content
            -
                title: 'List item 1'
                content: 'List item content'

If someone could point me in the right direction, or if I should request this as a new function in GitHub, would be much appriciated.

Thanks!

2

for the sublist remove header

header.buttons:
  name: buttons
  type: list
  collapsed: true
  label: THEME_DIMI_ITEMS
  help: THEME_DIMI_ITEMS_HELP
  fields:
    .title:
      type: text
      label: THEME_DIMI_TITLE
      help: THEME_DIMI_TITLE_HELP
    .title_tag:
       type: select
       label: THEME_DIMI_TITLE_TAG
       options:
          'h1': THEME_DIMI_H1
          'h2': THEME_DIMI_H2
          'h3': THEME_DIMI_H3
          'h4': THEME_DIMI_H4
          'h5': THEME_DIMI_H5
          'h6': THEME_DIMI_H6
          'p': THEME_DIMI_PARAGRAPH
    .socials:
      name: socials
      type: list
      collapsed: true
      label: THEME_DIMI_SOCIALS
      fields:
        .social:
          type: select
          label: THEME_DIMI_SOCIAL_NETWORK
          options:
            'twitter': 'Twitter'
            'facebook': 'Facebook'
            'vimeo': 'Vimeo'
            'pinterest': 'Pinterest'
            'instagram': 'Instagram'
            'google-plus': 'Google +'
            'github': 'Github'
            'slack': 'Slack'
            'linkedin': 'LinkedIn'
            'viadeo': 'Viadeo'
            'reddit': 'Reddit'
        .url:
          type: text
          label: THEME_DIMI_SOCIAL_NETWORK_URL
        .title:
          type: text
          label: THEME_DIMI_SOCIAL_NETWORK_TITLE

it renders like this

buttons:
    -
        title: test1
        title_tag: h1
        socials:
            -
                social: twitter
                url: '#'
            -
                social: facebook
                url: '#'
    -
        title: test2
        title_tag: h1
        socials:
            -
                social: twitter
                url: '#'
            -
                social: facebook
                url: '#'

then you can loop

1 Like
3

Thank you so much! Grav just become greater and greater!