How to customize the properties in the thumbnail view?

Bertrand_Chauvi — Tue, 01 Mar 2016 18:22:14 GMT

How can I customize the information displayed below the picture thumbnail in the search results, or in a content view? Like on this picture, you can see that there is some custom information at the bottom:

Re: How to customize the properties in the thumbnail view?

Bertrand_Chauvi — Tue, 01 Mar 2016 18:22:57 GMT

Dear me,

Thank you for asking; this is easy to achieve using Nuxeo Studio.

In Advanced Settings > XML Extensions, create a new entry. The name you give it doesn't matter.
Into it, paste the following code and save.

<extension point="layouts" target="org.nuxeo.ecm.platform.forms.layout.WebLayoutManager">
<layout name="document_listing_thumbnail" type="listingThumbnail">
      <columns>
        <column name="last_contributor">
          <properties mode="any">
            <property name="label">label.dublincore.lastContributor</property>
          </properties>
          <widget>listing_last_contributor</widget>
        </column>
        <column name="size_and_format">
          <properties mode="any">
            <property name="label">
              label.selection.column.size_and_format
            </property>
          </properties>
          <widget>my_custom_dam_thumbnail_widget</widget>
        </column>
      </columns>
    </layout>
</extension>

<extension target="org.nuxeo.ecm.platform.forms.layout.WebLayoutManager"
   point="widgets">
  <widget name="my_custom_dam_thumbnail_widget" type="layout">
    <labels>
      <label mode="any"></label>
    </labels>
    <translated>false</translated>
    <fields>
      <field>data</field>
    </fields>
    <properties widgetMode="any">
      <property name="name">MyDAMThumbnailLayout@view</property>
      <property name="widgetsDisplay">no_label</property>
    </properties>
  </widget>
</extension>

Now go to Listing and Views > Form Layouts and create a new entry. This time you should name it "MyDAMThumbnailLayout" (without the quotes of course). Don't name it differently unless you adapt the XML extension accordingly or it won't work!
Switch to the "View Layout" tab, edit it to your liking and save.
Deploy your configuration, and you are done! Piece of cake!

PS: If you wonder, the original contribution is here: http://explorer.nuxeo.com/nuxeo/site/distribution/current/viewContribution/org.nuxeo.ecm.platform.forms.layouts.webapp.listing--layouts => search for layout document_listing_thumbnail You should also take a look at the XML extensions video on Nuxeo University to learn more about them.

topic How to customize the properties in the thumbnail view? in Nuxeo Forum

How to customize the properties in the thumbnail view?

Re: How to customize the properties in the thumbnail view?