[Dspace-tech] JSPUI Customizations in DSpace 4

2014-01-13 Thread Shazia Sathar
Hello All,

I am trying to customize fonts and colors in the home page. Looks like the
stylesheet styles.css is not used anymore for the DSpace 4 pages. Could
someone please point me to location of the .css file?
I found these .css files:

dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap.css
dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap-theme.css
dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap.min.css
dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap-theme.min.css


I followed the usual steps to modify files and rebuild but the changes do
not reflect on the page. Also bootstrap.css and bootstrap.min.css seem to
be the same file but formatted differently. I am not sure which one to
modify.
Is there something different we need to do in DSpace 4 to customize JSPUI?

Regards,
Shazia
--
CenturyLink Cloud: The Leader in Enterprise Cloud Services.
Learn Why More Businesses Are Choosing CenturyLink Cloud For
Critical Workloads, Development Environments  Everything In Between.
Get a Quote or Start a Free Trial Today. 
http://pubads.g.doubleclick.net/gampad/clk?id=119420431iu=/4140/ostg.clktrk___
DSpace-tech mailing list
DSpace-tech@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/dspace-tech
List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette

Re: [Dspace-tech] JSPUI Customizations in DSpace 4

2014-01-13 Thread Andrea Bollini

Hi Shazia,
you are right the styles.css is not longer the primary css file of 
dspace. At the moment it is only used in popup (help pages  some 
administrative features) so we will probably completely remove it in the 
a future version.


The relevant css files are
/static/css/jquery-ui-1.10.3.custom/redmond/jquery-ui-1.10.3.custom.css
/static/css/bootstrap/bootstrap.min.css
/static/css/bootstrap/bootstrap-theme.min.css
/static/css/bootstrap/dspace-theme.css

all in dspace-src\dspace-jspui\src\main\webapp\
So only the minimized version of bootstrap css are used, the exploded 
version is included to make easier understand the files and maybe 
override few definitions in dspace-theme.css.
My suggestion is to replace the bootstrap files (you can put your 
customization in jspui/src/main/webapp/) with file generated using the 
bootstrap customize form

http://getbootstrap.com/customize
or choosing a prebuild theme from
http://bootswatch.com http://bootswatch.com/

as we are also using some widget from the JQuery UI project you probably 
want to replace the redmond's folder files with ones downloaded or 
generated from here

http://jqueryui.com/themeroller/
The jqueryui redmond theme indeed works well with the default bootstrap 
theme.


Finally, the dspace-theme.css files contains minimal tricks specific of 
dspace that probably will need some edit if you change the 
bootstrap/jqueryui theme.

Hope this helps,
Andrea




Il 13/01/2014 19.28, Shazia Sathar ha scritto:

Hello All,

I am trying to customize fonts and colors in the home page. Looks like 
the stylesheet styles.css is not used anymore for the DSpace 4 pages. 
Could someone please point me to location of the .css file?

I found these .css files:

dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap.css
dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap-theme.css
dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap.min.css
dspace-src\dspace-jspui\src\main\webapp\static\css\bootstrap\bootstrap-theme.min.css


I followed the usual steps to modify files and rebuild but the changes 
do not reflect on the page. Also bootstrap.css and bootstrap.min.css 
seem to be the same file but formatted differently. I am not sure 
which one to modify.

Is there something different we need to do in DSpace 4 to customize JSPUI?

Regards,
Shazia


--
CenturyLink Cloud: The Leader in Enterprise Cloud Services.
Learn Why More Businesses Are Choosing CenturyLink Cloud For
Critical Workloads, Development Environments  Everything In Between.
Get a Quote or Start a Free Trial Today.
http://pubads.g.doubleclick.net/gampad/clk?id=119420431iu=/4140/ostg.clktrk


___
DSpace-tech mailing list
DSpace-tech@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/dspace-tech
List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette



--
Andrea Bollini
Dipartimento Servizi e Soluzioni per l'Amministrazione Universitaria
Divisione Ricerca

Via dei Tizii, 6
00185 Roma, Italy
tel. +39 06 44 486 087 - mob. +39 348 82 77 525
http://www.cineca.it

--
CenturyLink Cloud: The Leader in Enterprise Cloud Services.
Learn Why More Businesses Are Choosing CenturyLink Cloud For
Critical Workloads, Development Environments  Everything In Between.
Get a Quote or Start a Free Trial Today. 
http://pubads.g.doubleclick.net/gampad/clk?id=119420431iu=/4140/ostg.clktrk___
DSpace-tech mailing list
DSpace-tech@lists.sourceforge.net
https://lists.sourceforge.net/lists/listinfo/dspace-tech
List Etiquette: https://wiki.duraspace.org/display/DSPACE/Mailing+List+Etiquette