How to display Structure fields items as column blocks?

Kirby 2 Solved ✅
1

Hi,

I would like to display my structure fields like those in this screenshot (column of block)

Is there an option to add in the blueprint to achieve this ?

Poke @1n3JgKl9pQ6cUMrW

Thanks

2

###blueprint

  services:
    label: Create a milestone
    type: structure
    modalsize: large
    entry: >
      <i class="fa fa-icon fa-image"></i> {{service_icon}}<br>
      <i class="fa fa-icon fa-header"></i> {{service_title}}<br>
      <i class="fa fa-icon fa-quote-right"></i> <i>workflow text</i>
    fields:

      service_icon:
        label: Icon
        type: icon
        icon: file-picture-o
        placeholder: icon name (fire, beer, etc...)
        width: 1/2
        help: cheatsheet - http://fontawesome.io/icons/

      service_title:
        label: Title
        type: text
        placeholder: main title of this service
        icon: font
        width: 1/2

      service_text:
        label: Text
        type: text
        placeholder: short text about this service
        icon: font

###panel.css

/* create structure colomns */

.structure-entry {
  float: left;
  margin: 1% 2% 1% 0;
  width: 49%;
}

.structure-entry:nth-child(2n) {
    margin-right: 0;
}

/* icons in structure fields */

div.structure-entry-content i.fa.fa-icon {
  color: #777;
  margin: 0 10px 0 0;
  min-width: 24px;
  text-align: center;
}

div.structure-entry-content br {
  border-bottom: 1px solid #ccc;
  content: "";
  display: block;
  margin: 10px 0;
}

###config.php

/* --------------------------------------------------
Modify the Control Panel
-------------------------------------------------- */

c::set("panel.stylesheet", "assets/css/panel.css");

…that’s how I did it :slight_smile:

4 Likes