We did finally get this working. File placement was key!
Thank you!
On Tuesday, September 19, 2017 at 9:51:06 PM UTC-4, Andy Ng wrote:
>
> 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 cas-user+unsubscr...@apereo.org.
To view this discussion on the web visit
https://groups.google.com/a/apereo.org/d/msgid/cas-user/de7d87ba-12f5-4c68-a42f-2f344ebdb2f6%40apereo.org.
