By: Paul Frame user 26 Feb 2015 at 11:50 a.m. CST

5 Responses
Paul Frame gravatar
So.. I'm seeing conflicting information concerning custom CSS for gluu. (As discussed here: https://support.gluu.org/view/customization/css-styling/1664) This page (https://support.gluu.org/view/application-integration/can-i-customize-look-and-feel-of-the-login-page/907) Says to just edit some CSS files, which doesn't appear to work at all (unless there is caching built in that I don't know about). Whereas this page (http://www.gluu.org/docs/admin-guide/custom-look/) indicates that the CSS is being pulled from a jar file, and that by modifying a couple of property files, you can change the destination. But when I make these modifications, nothing changes. The css at the top of the page still points at the old destination (/identity/stylesheet/*.css), in spite of the fact that I changed both configuration files to point to /static/stylesheet/*.css. Also, when I compare the css at /identity/stylesheet/*.css to the css that I extracted from the mentioned jarfile, they are not even the same files. So... I don't know what to do. The thread and the documentation conflict, and neither appears to work. help! PS: This documentation: http://www.gluu.org/docs/admin-guide/custom-look/ Contains the following code for configuration, but 2 of the values presumably erroneously start with an equals sign (=). " <cssLocation>https://idp.gluu.org/static/stylesheet</cssLocation> <jsLocation>=https://idp.gluu.org/static/js<jsLocation> <imgLocation>=https://idp.gluu.org/static/img<imgLocation> "

By Mohib Zico Account Admin 26 Feb 2015 at 12:04 p.m. CST

Mohib Zico gravatar
>> This page (https://support.gluu.org/view/application-integration/can-i-customize-look-and-feel-of-the-login-page/907) Says to just edit some CSS files, which doesn't appear to work at all (unless there is caching built in that I don't know about). That's our "manual way" to customize login page and we have been following this to customize pages like https://idp.okstate.edu or https://idp.ndi.org for years. >> Whereas this page (http://www.gluu.org/docs/admin-guide/custom-look/) indicates that the CSS is being pulled from a jar file, and that by modifying a couple of property files, you can change the destination. But when I make these modifications, nothing changes..... This is our latest addition to allow Web UI developer a little comfort as they don't need to make their hand dirty all the time with traditional "manual way" I discussed earlier. We will take a look on how this latest feature works in Community Edition and will inform you.

By Paul Frame user 26 Feb 2015 at 1:50 p.m. CST

Paul Frame gravatar
>This page (https://support.gluu.org/view/application-integration/can-i-customize-look-and-feel-of-the-login-page/907) Says to just edit some CSS files, which doesn't appear to work at all (unless there is caching built in that I don't know about). >>That's our "manual way" to customize login page and we have been following this to customize pages like https://idp.okstate.edu or https://idp.ndi.org for years. Okay so, upon further investigation, I see that this IS working for the theme.css on the login page, but I also need to modify other things in the back-end so, I look forward to the results of your investigation.

By Paul Frame user 04 Mar 2015 at 12:58 p.m. CST

Paul Frame gravatar
As a matter of clarification, the "Login page" uses the following for its css /oxauth/stylesheet/theme.css I can edit that and it works, which is great, BUT I also need to customize the look and feel for other pages. Especially the Registration page, the Home page (after you login to the gluu server directly), and the personal profile page. These pages do not use the aforementioned css file, and instead links to the following: /identity/stylesheet/theme.ecss /identity/stylesheet/theme.css /identity/stylesheet/site.css /identity/stylesheet/../stylesheets/styles.css Even when I follow the documentation here - http://www.gluu.org/docs/admin-guide/custom-look/ - the path to those css files does not change, and I cannot find a way to edit those css files or find where they are located. At the very least, all I need, is an additional css file that is loaded last so that I can override style in those other css files. I found the xhtml files for the pages, but I'd rather not update css on a page by page basis like that, and just be able to modify all styling. Does this make sense?

By Mohib Zico Account Admin 04 Mar 2015 at 3:23 p.m. CST

Mohib Zico gravatar
>> BUT I also need to customize the look and feel for other pages. Especially the Registration page, the Home page (after you login to the gluu server directly), and the personal profile page. For registration page,home page, password reset page etc. customization, you need to check xhtml and page.xml pages under /opt/tomcat/webapps/identity/ All codes of oxTrust ( the pages which are coming after login ) is included here.

By Mohib Zico Account Admin 10 Mar 2015 at 4:26 a.m. CDT

Mohib Zico gravatar
Hi Paul, I hope you got your answer; so closing this ticket. If you have any more question or confusion, feel free to open a new one.