Dspace 6 JSPUI Customization

 Replace the default DSpace Branding Heading and Dspace logo

Install Locater
 
sudo apt install mlocate

Change The ''Dspace at My University'' from the Location bar

Apply the following command to open configure file

sudo gedit /dspace/config/dspace.cfg

Create a Header image, Put it in the home folder, and Copy it into the jspui/image folder from the home folder.

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

Open the terminal, log in with the root user and apply the following command to open the file.

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

Find the below lines in the file and comment with the tags (<%--   --%>)   

<%--

<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>

--%>
 
 Add this line bellow the commented out lines

<p align="middle" topmargin="0">
<img class="center" src="/jspui/image/header.png" width="1125%" height="175%" alt="Library"/>
 

OR
If you need subscribe button try this
 
<h1>University Research Research</h1>
<h4>Repository preserves and enables easy and open access to all types of digital contents
processidings.</h4>
<a href="https://libraryoar.blogspot.com/" Class="btn btn-primary">Subscribe</a>

For header image or logo add the following HTML line under the commented Syntax.

<div <p align="middle" topmargin="0">
<img class="center" src="/jspui/image/header.png" width="1125%" height="175%" alt="Library"/>

Final Result 
 
</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> --%>
        <h1>University Research </h1>
<h4>Repository preserves and enables easy and open access to all types of digital contents processidings.</h4>
<a href="https://libraryoar.blogspot.com" Class="btn btn-primary" target="_blank">Subscribe</a>
        </div>
        <div <p align="middle" topmargin="0">
<img src="/jspui/image/header.png" width="1125" height="175" alt="Library"/>
        </div>
</div>
</div>
<br/>

Edit Top News


Now log in to the  Dspace Repository with a Username and Password

Administrator➞General setting➞edit news➞Top News

Replace the default HTML codes with the below HTML codes. After than save and close.

<p style="margin-top:5px; text-align:justify;" class="well">Welcome to <strong>Digital Repository of Marimuthu LIS</strong>. You can access here variety of data including subject-related Notes, E-books, Project Reports, Previous year's Question Papers, Dissertations, Thesis, and other forms of content. All resources are arranged on the basis of community and collection which helps user to easily categorize</p></div></div>

Edit sidebar News


Administrator➞General setting➞edit news➞sidebar news

As I want to display nothing in the area of the sidebar so delete the default code. Save and close.

Create a favicon with any favicon generator tool and make three more copies of it in the home folder. Now rename all four copies named favicon1.ico, favicon2.ico, favicon3.ico, and favicon4.ico

Now apply the following commands one by one

sudo cp favicon.ico /dspace/webapps/jspui/favicon.ico
sudo cp favicon.ico /opt/tomcat/webapps/jspui/favicon.ico
sudo cp favicon.ico /build/dspace-6.3-src-release/dspace/modules/jspui/target/war/work/org.dspace/dspace-jspui/favicon.ico
sudo cp favicon.ico /build/dspace-6.3-src-release/dspace/target//dspace-installer/webapps/jspui/favicon.ico

Change the Footer
Open the footer page from the layout with gedit
 
sudo gedit /opt/tomcat/webapps/jspui/layout/footer-default.jsp

Find the page footer and add the following lines under the footer and comment (<%--      --%> on the default footer codes. Change the red color words as per your particulars.

<%-- Page footer --%>
             <footer class="navbar navbar-inverse navbar-bottom">
             <div id="designedby" class="container text-muted">
             <div id="footer_feedback" class="pull-right">
             <p class="text-muted">
             © 2023 All Right Reserved:<a target="_blank" href="https://libraryoar.blogspot.com/"> LIS College</a> | Created & Maintained by<a target="_blank" href="https://libraryoar.blogspot.com/"> Marimuthu LIS</a></p>


             <%-- <fmt:message key="jsp.layout.footer-default.theme-by"/> <a href="http://www.cineca.it"><img
                                    src="<%= request.getContextPath() %>/image/logo-cineca-small.png"
                                    alt="Logo CINECA" /></a>
                                               
                                <fmt:message key="jsp.layout.footer-default.text"/>&nbsp;-
                                <a target="_blank" href="<%= request.getContextPath() %>/feedback"><fmt:message key="jsp.layout.footer-default.feedback"/></a>
                                <a href="<%= request.getContextPath() %>/htmlmap"></a></p>
                                </div> --%>
            </div>
    </footer>



Home header Change in Left side 
Only Change in JSPUI
 
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace/modules/jspui/target/jspui-6.3/image/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace/modules/jspui/target/war/work/org.dspace/dspace-jspui/image/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace/target/dspace-installer/webapps/jspui/image/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace-jspui/src/main/webapp/image/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace-jspui/target/dspace-jspui-6.3/image/dspace-logo-only.png
cp dspace-logo-only.png /dspace/webapps/jspui/image/dspace-logo-only.png
cp dspace-logo-only.png /opt/tomcat/webapps/jspui/image/dspace-logo-only.png

Don't Change in XMLUI

cp dspace-logo-only.png /opt/tomcat/webapps/xmlui/themes/Mirage/images/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace/modules/xmlui/target/xmlui-6.3/themes/Mirage/images/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace/modules/xmlui/target/war/work/org.dspace/dspace-xmlui/themes/Mirage/images/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace/target/dspace-installer/webapps/xmlui/themes/Mirage/images/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace-xmlui/src/main/webapp/themes/Mirage/images/dspace-logo-only.png
cp dspace-logo-only.png /build/dspace-6.3-src-release/dspace-xmlui/target/dspace-xmlui-6.3/themes/Mirage/images/dspace-logo-only.png
cp dspace-logo-only.png /dspace/webapps/xmlui/themes/Mirage/images/dspace-logo-only.png

Change title bar color

sudo gedit /build/dspace-6.3-src-release/dspace/target/dspace-installer/webapps/jspui/static/css/bootstrap/bootstrap-theme.min.css

sudo gedit /dspace/webapps/jspui/static/css/bootstrap/bootstrap-theme.min.css


find the lines and change the color

background-image:-moz-linear-gradient(top,#3c3c3c 0,#222 100%);

Comments

Popular posts from this blog

Install Dspace 7.2 on Ubuntu 22.04 LTS

How to delete library data in koha using the command line

Koha INSTALLATION

Total views