Edit UI Dspace 7+ in Angular

[Gabriel Vieira]

Hi everyone, I'm new with Dspace and I'm using version 7+ I have some difficulty understanding some things about how the components work, as I have a specialty in React. However, I would like to understand how I can edit the app to, for example, create a component that takes the list of communities for example and next to it is a faceted search as in the example. From what I understand, we have a home-page component where we can place the components we want, but when trying to place a community-list, I can't, even declaring it in the html and ts. I know the question may seem basic, but if you can explain how I create and call components within the app, I can get by with angular.

[Gabriel Vieira]

example

[Tim Donohue]

Hi,

We have some basic documentation on modifications to the UI at https://wiki.lyrasis.org/display/DSDOC7x/User+Interface+Customization

If you are looking for additional detailed examples, then you may also wish to view our 2022 webinar on "Developing on  DSpace 7.4" : https://wiki.lyrasis.org/display/DSPACE/2022-11+-+DSpace+7.4+Webinar+Series

At this time we don't have a step-by-step guide on creating new Angular components from scratch (but both those resources above describe the design of the application and give examples of making changes in DSpace 7).  After reviewing those materials, if you still have questions, I'd recommend asking them on our developer mailing list (dspace-devel: https://groups.google.com/g/dspace-devel) or Slack (https://wiki.lyrasis.org/display/DSPACE/Slack).  Hopefully one of the developers there could provide advice for specific issues you may be facing.

Tim