Luminis Platform 5 Foundation Theme - Working menu and column collapse.
Notes: This theme is not styled. Its purpose is just to show how to work Foundation into the Ellucian Portal.
Build Software:
Eclipse Java EE IDE for Web Developers. Version: Kepler Service Release 2 Luminis LP-5.2.1.0 Patch Build 103 Liferay Plugins SDK 6.1.1
Pre-Reqs Install the Liferay IDE in Eclipse - http://www.liferay.com/community/wiki/-/wiki/Main/Liferay+IDE+Installation+Guide Setup the plugins SDK - http://www.liferay.com/community/wiki/-/wiki/Main/Liferay+IDE+Getting+Started+Tutorial
Creating a Theme
In eclipse, New–> Liferay Project, Select the Theme radio button.
Name your theme, choose your liferay-plugin-ins SDK and the java/tomcat runtime you want to test in.
On the next screen, use velocity templates if you want to use what Ellucian uses.
You'll have this directory structure to begin with:
Theme-Name build.xml
docroot
---_diffs
---css
---images
---javascript
---js
---META-INF
---templates
---WEB-INF
The _diffs directory in Eclipse is where you make all your changes.
I copied the css, images, javascript, js, and templates folders from the base Ellucian theme into my _diffs folder.
Make sure you replicate full paths to the files you'll be editing.
$ ls docroot/_diffs/ css images javascript js templates
templates/portal_normal.vm is where you can call your custom js or css. I put mine in the _diffs/js folder.
If your javascript is in the _diffs/js directory, you can reference it in the templates like this:
When you are ready to deploy your Theme to the server, right click on the project, select Liferay ---> war (very bottom). Copy the theme from your plugins-sdk-6xx/dist directory to $CP_ROOT/products/tomcat/tomcat-admin/deploy and tomcat-portal/deploy.