DSpace 7.6.1 Configurable Entities (concerns Angular frontend): Changing the display position of persons in the Publication Page

[Matthias Letsch]

Hi all,

I am testing the Configurable Entities (publications and persons) because I want to try out Researcher Profiles with ORCID.

First, however, I want the template of the new Publication Page (publication.component.html) to look exactly like our existing Item page and to integrate the new display for persons so that a distinction can be made between pure metadata entries and person entities.

So instead of as before in the item page:

<ds-generic-item-page-field [item]="object" [fields]="['dc.contributor.author', 'dc.creator']"
            [separator]="' '">
</ds-generic-item-page-field>

the persons are now displayed using another element so that either the pure metadata values or the linked person entities are displayed:

<ds-themed-metadata-representation-list class="ds-item-page-mixed-author-field" [parentItem]="object"
            [itemType]="'Person'" [metadataFields]="['dc.contributor.author', 'dc.creator']">
 </ds-themed-metadata-representation-list>

Now my question: In the new display with the component ds-themed-metadata-representation-list, no separator can be defined and the individual values are automatically displayed one below the other. In addition, the component is limited to a certain width.

In our existing design for the landing page (item page), however, the individual values should be displayed next to each other across the entire available width of the surrounding "row" in the grid, which works with the generic-item-page-field.

How do I achieve this in the new component ds-themed-metadata-representation-list?

So I probably have to change something in various places. I have already gone through many different components related to the ds-themed-metadata-representation-list, but unfortunately I cannot find the right place where I can ensure that the individual elements (ds-metadata-representation-loader?) are displayed next to each other across the entire width by inserting appropriate Bootstrap classes (e.g. d-flex, flex-wrap, ...?) or CSS styles.

Has anyone of you had any experience with this?

For context: Our current item page looks like this: https://hohpublica.uni-hohenheim.de/items/8523d51b-40d4-4c34-a574-52fd46096c59

In Summary: The new Publication page should look exactly the same at the top in the person area, even with the ds-themed-metadata-representation-list (only persons differentiated between metadata entries and linked person entities).

Thank you and kind regards,

Matthias