Edit UI Dspace 7+ in Angular

73 views
Skip to first unread message

Gabriel Vieira

unread,
Jan 17, 2023, 8:20:57 PM1/17/23
to DSpace Community
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

unread,
Jan 17, 2023, 9:02:17 PM1/17/23
to DSpace Community
example
Screenshot from 2023-01-17 23-02-03.png

Tim Donohue

unread,
Jan 18, 2023, 10:24:15 AM1/18/23
to DSpace Community
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
Reply all
Reply to author
Forward
0 new messages