Inspector not visible Issue

Using Neos & Flow
1

Hi,

i have an issue for the property inspector. I want to build variable columns where i can define each width by selecting the foundation breakpoint and width (1 to 12) for individual layouts.

So i decided to define two NodeTypes which have some properties:

'Neos.Demo:MultiColumn':
  superTypes:
    'Neos.Neos:Content': TRUE
  constraints:
    nodeTypes:
      '*': FALSE
      'Neos.Demo:MultiColumnItem': TRUE
  childNodes:
    columns:
      type: 'Neos.Neos:ContentCollection'
  ui:
    label: 'MultiColumn'
    group: 'structure'
    position: 190
    icon: 'icon-columns'
    inlineEditable: TRUE
    inspector:
      groups:
        column:
          label: 'MultiColumn'
          position: 10
  properties:
    'text':
      type: string
      ui:
        label: 'text'
        reloadIfChanged: FALSE
        inspector:
          group: 'column'
    'id':
      type: string
      ui:
        label: 'id'
        reloadIfChanged: FALSE
        inspector:
          group: 'column'

'Neos.Demo:MultiColumnItem':
  superTypes:
    'Neos.Neos:Content': TRUE
  constraints:
    nodeTypes:
      '*': TRUE
  childNodes:
    items:
      type: 'Neos.Neos:ContentCollection'
  ui:
    label: 'MultiColumn Item'
    position: 190
    icon: 'icon-columns'
    group: 'structure'
    inspector:
      groups:
        'single':
          label: 'MultiColumn Item'
          position: 10
  properties:
    'text':
      type: string
      ui:
        label: 'text'
        reloadIfChanged: FALSE
        inspector:
          group: 'single'
    'layout':
      type: string
      defaultValue: ''
      ui:
        label: 'Size'
        position: 100
        reloadIfChanged: FALSE
        inspector:
          editor: 'Neos.Neos/Inspector/Editors/SelectBoxEditor'
          editorOptions:
            values:
              '12':
                label: '12 / 12'
              '11':
                label: '11 / 12'
              '10':
                label: '10 / 12'
              '9':
                label: '9 / 12'
              '8':
                label: '8 / 12'
              '7':
                label: '7 / 12'
              '6':
                label: '6 / 12'
              '5':
                label: '5 / 12'
              '4':
                label: '4 / 12'
              '3':
                label: '3 / 12'
              '2':
                label: '2 / 12'
              '1':
                label: '1 / 12'
          group: 'single'

I removed the constraints so i can be moved easy outside the first contentcollection for testing.

The normal case is:

Insert one MultiColumn (row)

Insert various MultiColumnItems inside the (columns) content collection.

It is not possible to edit the inspector properties on MultiColoumItem

If i move it outside the row i can edit evwerything as expected.

Tested with Neos 2.3, 3.0 and react ui.

2

Hi Christian,
have you tried adding inlineEditable: true to the section above?

3

Hi Gerhard,

yes, but did not help. It might help to see the Video to see what is the problem exactly. Look at the inspector side:

Regards.

4

@hd77 Is the MultiColumn Item actually rendered inside the MultiColumn Container? Try adding some test output to the layout file to check for that. To me it looks like it’s not rendered and therefore never selected for inspection.

5

Ok, here you go:

6

Here is my Typoscript:

prototype(Content:MultiColumn) < prototype(TYPO3.Neos:Content) {
   templatePath = 'resource://Paints.ContentElements/Private/Templates/NodeTypes/MultiColumn.html'
   itemContent = TYPO3.TypoScript:Collection {
        collection = ${q(node).children('[instanceof TYPO3.Neos:ContentCollection]').children()}
      maximumLevels = 1
      itemName = 'columnsContent'
        itemRenderer = TYPO3.TypoScript:Collection{
            collection = ${q(columnsContent).children('[instanceof TYPO3.Neos:ContentCollection]').children()}
            maximumLevels = 1
            itemName = 'itemsContent'
            itemRenderer = Content:MultiColumnItem
        }
   }

}

prototype(Content:MultiColumnItem) < prototype(TYPO3.Neos:Content) {
   templatePath = 'resource://Paints.ContentElements/Private/Templates/TypoScriptObjects/MultiColumnItem.html'
   itemContent = TYPO3.TypoScript:Collection {
      collection = ${q(itemsContent)}
      itemName = 'node'
      itemRenderer = TYPO3.Neos:ContentCase
   }

}