NodeType: Add to TYPO3.Neos.NodeTypes:Page additional properties

Creating Neos & Flow Code
1

Hello.

I’m added to my Site NodeType a propertie for Page.

 'TYPO3.Neos.NodeTypes:Page':
  ui:
    inlineEditable: TRUE
  properties:
    scrollpointFirstHeadline:
      type: 'string'
      defaultValue: Here text
      ui:
        inlineEditable: TRUE

In the root.ts2

page = Page {
  head {
	[..]
  }

  body {
     templatePath = 'resource://Test.Test/Private/Templates/Page/Default.html'
     sectionName = 'body'
     parts {
	[..]
     }
     content {
	[..]
     }

     javascripts.site = TYPO3.TypoScript:Template {
	  [..]
     }

     scrollpointFirstHeadline = ${q(node).property('scrollpointFirstHeadline')}
  }
}

In the Default.html

{neos:contentElement.editable(property: 'scrollpointFirstHeadline')}

That works in the first way good.
I can see the defaultValue but I can’t edit it in the backend. When I hover with my mouse over the DefaultValue I can see the typical neos edit border at the bottom of the value but I cant click on it and cant edit it.

That method works for CE well … so its not work for Page?

Thanks

2

If you want to edit a node that is not content you have to wrap it first so the neos backend knows which node should be edited.

<!-- Warning: untested pseudocode -->
<neos:contentElement.wrap node="{document}">
  {neos:contentElement.editable(property: 'scrollpointFirstHeadline')}
</neos:contentElement.wrap>
3

Thank you for the feedback! :slight_smile:

I find this one: https://gist.github.com/aertmann/f9c8a33e8720f7cb21be

I tried now both method - but not one worked. I see the defaultValue but cant edit it …

<neos:contentElement.wrap node="{node}">
	<neos:contentElement.editable property="scrollpointFirstHeadline" />
</neos:contentElement.wrap>

I inspect the default value to have a look at the structur, it seems okey

<div typeof="typo3:TYPO3.Neos.NodeTypes:Page" about="/sites/farmtool/node-55db31c139d3c@user-dickhaut" tabindex="0" class="neos-contentelement neos-inline-editable neos-contentelement-active" data-node-_identifier="4f308260-9d2e-0b69-7d94-35ff0d56c286" data-node-__workspace-name="user-dickhaut" data-node-__typoscript-path="page<TYPO3.Neos:Page>/body<TYPO3.TypoScript:Template>" data-node-__parent-node-type="TYPO3.Neos.NodeTypes:Page" data-node-_removed="false" data-nodedatatype-_removed="xsd:boolean" data-node-_creation-date-time="2015-08-24T15:01:21+00:00" data-nodedatatype-_creation-date-time="xsd:DateTime" data-node-_last-modification-date-time="2015-08-24T15:01:21+00:00" data-nodedatatype-_last-modification-date-time="xsd:DateTime" data-node-_last-publication-date-time="" data-nodedatatype-_last-publication-date-time="xsd:DateTime" data-node-_path="/sites/farmtool/node-55db31c139d3c" data-node-_name="node-55db31c139d3c" data-node-_node-type="TYPO3.Neos.NodeTypes:Page" data-node-_hidden="false" data-nodedatatype-_hidden="xsd:boolean" data-node-_hidden-before-date-time="" data-nodedatatype-_hidden-before-date-time="xsd:DateTime" data-node-_hidden-after-date-time="" data-nodedatatype-_hidden-after-date-time="xsd:DateTime" data-node-title-override="" data-node-meta-description="" data-node-meta-keywords="" data-node-meta-robots-noindex="false" data-nodedatatype-meta-robots-noindex="xsd:boolean" data-node-meta-robots-nofollow="false" data-nodedatatype-meta-robots-nofollow="xsd:boolean" data-node-twitter-card-type="" data-node-twitter-card-creator="" data-node-twitter-card-title="" data-node-twitter-card-description="" data-node-twitter-card-image="" data-nodedatatype-twitter-card-image="xsd:TYPO3\Media\Domain\Model\ImageInterface" data-node-canonical-link="" data-node-open-graph-type="" data-node-open-graph-title="" data-node-open-graph-description="" data-node-open-graph-image="" data-nodedatatype-open-graph-image="xsd:TYPO3\Media\Domain\Model\ImageInterface" data-node-xml-sitemap-change-frequency="" data-node-xml-sitemap-priority="" data-node-title="sdf" data-node-uri-path-segment="sdf" data-node-_hidden-in-index="false" data-nodedatatype-_hidden-in-index="xsd:boolean" data-node-layout="" data-node-subpage-layout="" data-node-scrollpoint-first-headline="Tierarzt" property="typo3:scrollpointFirstHeadline">Here text</div>

It looks like he got it (show the class neos-inline-editable) but it not work.
No js errors.

4

Ok, i got it. U must have a html structur between “neos:contentElement.editable”-tag and “neos:contentElement.wrap”-tag.

5

Ok, i got it. U must have a html structur between “neos:contentElement.editable”-tag and “neos:contentElement.wrap”-tag

Thats right … neos needs some tags to attach the data-attributes to.

1 Like