Hi Tim, Thanks for pointing me to the User Interface Configuration and Customization page. I tried following the instructions on enabling the custom theme instead of the dspace theme. So here are the steps that I have taken. First, I commented out the "DSpaceEagerThemeModule" and uncomment the CustomEagerThemeModule found in the src/themes/eager-themes.module.ts. Then in my config.dev.yml, under the Themes Config, I put "- name: custom" instead of "- name: dspace". Then I run "yarn start:dev" and it compiled successfully. The navbar is now below the header as seen in the screenshot below: [image: custom-theme.PNG]
This is what I am trying to implement, however, I noticed an odd behavior when the viewport is below 768 where the navbar was collapsed. Clicking the "hamburger" icon does not do anything, and the expected behavior for this action is that the icon would "expand" and show the navbar right? Am I missing something? I did not modify the default (header or navbar) files in the custom theme even though the HTML and the scss files were blank because, upon inspection, the styleUrls and the templateUrl in the .ts files is pointing to the base theme. [image: custom-theme-navbar-collapsed.PNG] Is this a bug in the custom theme? Or am I just missing something? Can somebody please confirm if they experience the same behavior? Thanks in advance and best regards, euler On Wednesday, June 26, 2024 at 5:40:31 AM UTC+8 DSpace Technical Support wrote: > Hi Euler, > > The out-of-the-box "custom" theme defaults to displaying the navbar > separate from the header. This custom theme uses only basic Bootstrap > styles and that slightly different header. See the theme settings docs for > how to enable it: > > > https://wiki.lyrasis.org/display/DSDOC7x/User+Interface+Configuration#UserInterfaceConfiguration-ThemeSettings > > (Simply change the "themes" list to use "custom" instead of the default > "dspace" theme) > > And here's more information on how to create your own theme starting from > either the "dspace" or "custom" themes available out-of-the-box: > https://wiki.lyrasis.org/display/DSDOC7x/User+Interface+Customization#UserInterfaceCustomization-CreatingaCustomTheme > > Tim > On Monday, June 24, 2024 at 12:52:30 PM UTC-5 aesh...@iastate.edu wrote: > >> Hello. In case it's helpful, our service provider renewed the certificate >> for the ISU Digital Repository and it's back up now: >> https://dr.lib.iastate.edu/home >> >> Best, >> >> Anne Shelley >> Iowa State University Library >> aesh...@iastate.edu >> >> On Sunday, June 23, 2024 at 8:15:46 PM UTC-5 euler wrote: >> >>> Dear All, >>> >>> Unfortunately, the SSL Certificate from the repository of Iowa State >>> University expired this June 24 so if they did not renew their SSL >>> Certificate, you can't view their repository site. Other repository sites >>> running DSpace 7 wherein the navbar is below the header are OKR of >>> WorldBank and the eCommons of Cornell University. Screenshots provided >>> below. >>> >>> [image: okr-sample.PNG] >>> >>> [image: eCommons.PNG] >>> >>> Thanks in advance! >>> On Sunday, June 23, 2024 at 5:30:34 PM UTC+8 euler wrote: >>> >>>> Dear Angular experts, >>>> >>>> I am working on a DSpace 7.6.1 site. I want to ask about the steps on >>>> how to move or separate the navbar from the header. I want to move the >>>> navbar below the header and above the breadcrumbs. Looking >>>> at src/themes/dspace/app/header/header.component.html, I found the >>>> '<ds-themed-navbar></ds-themed-navbar>' just before the header ending tag. >>>> It seems that ds-themed-navbar is inside the ds-themed-header. >>>> How can I move or separate the navbar from the header as shown in the >>>> image below? I inspected the source from this repository using my >>>> browser's >>>> developer tools and found that the ds-themed-navbar is at the same level >>>> as >>>> the ds-themed-header. >>>> >>>> Image from https://dr.lib.iastate.edu/home >>>> [image: digital.lib.iastate.edu.PNG] >>>> Thanks in advance! >>>> Sincerely, >>>> euler >>>> >>> -- All messages to this mailing list should adhere to the Code of Conduct: https://www.lyrasis.org/about/Pages/Code-of-Conduct.aspx --- You received this message because you are subscribed to the Google Groups "DSpace Technical Support" group. To unsubscribe from this group and stop receiving emails from it, send an email to dspace-tech+unsubscr...@googlegroups.com. To view this discussion on the web visit https://groups.google.com/d/msgid/dspace-tech/b28eb1b0-b92e-46d3-b894-f1c3654bad3dn%40googlegroups.com.
