To my recall, there has been a lot of theme related posts in this group. I
also tried to make theme works on my project when I work on 5.1.x, which
lead to failed.
However, when I updated my project to 5.2.0-RC3, I actually make theme
works, and here how the folder and file in my project is layout, maybe you
will find this useful. (The below method probably are not going to work on
5.1.x, you can try it yourself tho)
Let say our theme is called *jurassic*.
What I have done is as such:
[Project Layout] ( note: with [] = folder)
- src/main/resource
n jurassic.properties (A)
n application.properties (B) (Optional)
n [services]
u JurassicLogin-101.json (C)
n [templates]
u casLoginView.html (D)
u [jurassic]
l casLoginView.html (E)
n [statics]
u [themes]
l [jurassic]
n [css]
u cas.css (F)
n [js]
u cas.js (G)
[What is inside each files]
** jurassic.properties (A)*
#Note: even if you do not need css and js, you just want to place the whole
page with yours, you still need this
standard.custom.css.file=/themes/jurassic/css/cas.css
cas.javascript.file=/themes/jurassic/js/cas.js
** application.properties (B)*
#Making a default theme is easy, just do this:
cas.theme.defaultThemeName=*j*urassic
#However, if you just want to change the default login layout, you can just
tried to just replace the normal login pages casLoginView.html (D)
** JurassicLogin-101.json (C)*
{
"@class" : "org.apereo.cas.services.RegexRegisteredService",
"serviceId" : "^https://dino.example.com";,
"name" : "Jurassic Login",
"id" : 101,
"description" : " Jurassic Login Page.",
"evaluationOrder" : 9999,
"theme" : " jurassic"
}
** casLoginView.html (D) (Normal Login Page)*
<html>
<head></head>
<body>Your normal login, you can skip making this if you want the look of
CAS in normal login</body>
</html>
** casLoginView.html (E) (Login Page For the Dino)*
<!DOCTYPE html>
<html>
<head>
<meta>
<title>You are at Jurassic Theme Park!!</title>
</head>
<body>
<h1>In 5.2.0-RC3, these are the utmost necessary element in the html (You
can check and see if this is the case)</h1>
<div class="box" id="login">
<form name="login_form" id="login_form" method="post"
th:object="${credential}">
<input type="hidden" name="lt" th:value="${loginTicket}" />
<input type="hidden" name="execution"
th:value="${flowExecutionKey}" />
<input type="hidden" name="_eventId" value="submit" />
<input type="password" name="password" >
<input id="username" name="username" type="text" />
<input class="btn btn-submit btn-block" name="submit"
type="submit"/>
</form>
</div>
</body>
</html>
** cas.css (F)*
You can even just leave css blank, you do what you need
** cas.js (G)*
You can even just leave js blank, you do what you want
If you access your cas site using this:
https://cas.sso.com/cas/login?service=https://dino.example.com
The Jurassic theme should be triggered.
At last, if you really cannot make the theme works on your version of CAS
5, you can also use thymeleaf tricks (although not so elegant), in your
normal login page (D), just add the following at the beginning of your
casLoginView.html:
<div th:if="${#request.getParameter('service') == '
https://dino.example.com ')}">
<div th:replace="folder/whatever.html"></div>
</div>
See if this helps you!
-Andy
On Tuesday, 19 September 2017 22:14:00 UTC+8, William Jojo wrote:
>
> As the title suggests, we are unable to make this work. Cannot figure out
> what
> might be causing custom templates to be ignored. CSS/JS theming works fine,
> but custom templates are needed to make structural changes. The log shows
> the service recognizing the theme name, but our fragments are not being
> absorbed.
>
> Can anyone shed light on this? Followed the following to the letter:
>
>
> https://apereo.github.io/cas/5.1.x/installation/User-Interface-Customization-Themes.html
>
>
> Thank you!
>
--
- Website: https://apereo.github.io/cas
- Gitter Chatroom: https://gitter.im/apereo/cas
- List Guidelines: https://goo.gl/1VRrw7
- Contributions: https://goo.gl/mh7qDG
---
You received this message because you are subscribed to the Google Groups "CAS
Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/a/apereo.org/d/msgid/cas-user/ea50d30b-8362-43ba-adcd-efd941e4810d%40apereo.org.
