LINUX, FOSS AND LIBRARY TECHNOLOGY ENTHUSIAST

Saturday, February 2, 2019

Customised header on DSpace JSPUI interface

2 comments


Prepare a header image and place in Dspace folder

e.g. cp header.png /opt/tomcat/webapps/jspui/image

Hide Dspace brand heading
Open header-default.jsp file using Terminal. Apply following commands,

sudo su
gedit /opt/tomcat/webapps/jspui/layout/header-default.jsp

Find following lines

 </header>
<main id="content" role="main">

<div class="container banner">
    <div class="row">
        <div class="col-md-9 brand">
            <h1><fmt:message key="jsp.layout.header-default.brand.heading" /></h1>
            <fmt:message key="jsp.layout.header-default.brand.description" />
        </div>
        <div class="col-md-3"><img class="pull-right" src="<%= request.getContextPath() %>/image/logo.gif" alt="DSpace logo" />
        </div>
    </div>
</div>
<br/>

             <%-- Location bar --%>

Replace the red marked code with

<p align="middle" topmargin="0">
        <img src="/jspui/image/header.png" width="1135"> </p>

 

 Save and close the file.


Open jspui interface and refresh the page and see the new header.

2 comments:

  1. Thanks a lot sir for prepared above guide. It's really help for me to change the header of DSpace in Ubuntu 20 LTS

    ReplyDelete
  2. its good for desktop version. But on mobile its not looking good sir. How can we make it mobile responsive

    ReplyDelete