Defining Editor Panels

It is sometimes useful to be able to group a content type's fields and display the groups on separate tabs or panels in Content Studio. You can, for example, move the "review" group of fields you created to a separate Review Content panel as follows:

  <content-type name="review">
    <ui:label>Review</ui:label>
    <ui:description>A product review</ui:description>
    <ui:title-field>title</ui:title-field>
    <panel name="default">
      <ui:label>Main Content</ui:label>
      <ui:description>The main content fields</ui:description>
      <ref-field-group name="title"/>
      <ref-field-group name="summary"/>
      <ref-field-group name="body"/>
    </panel>
    <panel name="review-panel">
      <ui:label>Review Content</ui:label>
      <ui:description>Additional review fields</ui:description>
      <ref-field-group name="review-fields"/>
    </panel>
    <ref-relation-type-group name="attachments"/>
     <summary>
      <ui:label>Content Summary</ui:label>
      <field name="title" type="basic" mime-type="text/plain"/>
      <field name="summary" type="basic" mime-type="text/plain"/>
    </summary>
  </content-type>

This will have the following effect in Content Studio: