Hi Guys,
I have to create a custom theme. According to documentation this task is
simple enough. However CAS ignores 2 of 3 fragments of my theme. I see my
login form but header and footer is ignored and CAS shows default header
and footer.
This is my folders structure:
- resources/templates/test
-
- fragments
-
- footer.html
- header.html
- loginform.html
- casLoginView.html
- layout.html
The content of all files is trivial. I expected to see a white screen with
HEADER, FOOTER and LOGIN FORM text however I see a big CAS logo with
default header and footer and with text LOGIN FORM. How to override header
and footer fragments?
*casLoginView.html*
<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout";
layout:decorate="~{layout}">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no"/>
<title th:text="#{cas.login.pagetitle}">CAS Acceptable Use Policy View
</title>
</head>
<body class="login">
<main role="main" class="container mt-3 mb-3">
<div layout:fragment="content" class="row">
<div class="col-md" th:if="${delegatedAuthenticationProviderDominant
== null}">
<div th:replace="test/fragments/loginform :: loginform">
<a href="test/fragments/loginform.html">Login Form goes here
</a>
</div>
</div>
</div>
</main>
</body>
</html>
*layout.html*
<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout";>
<head>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no"/>
<title layout:title-pattern="$CONTENT_TITLE - $LAYOUT_TITLE">CAS
– Central Authentication Service</title>
</head>
<body>
<div th:replace="test/fragments/header :: header">
<a href="test/fragments/header.html">Header</a> fragment will go here
</div>
<main role="main" class="container mt-3 mb-3">
<div layout:fragment="content" id="content">
CAS content will go here
</div>
</main>
<div th:replace="test/fragments/footer :: footer">
<a href="test/fragments/footer.html">Footer</a> fragment will go here
</div>
<script th:replace="test/fragments/scripts"/>
</body>
</html>
*footer.html - ignored*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no"/>
<title>Footer Fragment</title>
</head>
<body>
<footer th:fragment="footer" class="footer" role="contentinfo">
<div>FOOTER</div>
</footer>
</body>
</html>
*header.html - ignored*
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no"/>
<title>Header Fragment</title>
</head>
<body>
<header th:fragment="header" role="banner">
<div>HEADER</div>
</header>
</body>
</html>
loginform.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1,
shrink-to-fit=no"/>
<title>Login Form Fragment</title>
</head>
<body>
<main role="main" class="container mt-3 mb-3">
<div class="row">
<div class="col-md">
<div th:fragment="loginform" class="form_container">
LOGIN FORM
</div>
</div>
</div>
</main>
</body>
</html>
--
- 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/f3798bb6-4652-4b7c-852f-5e913a79fe6c%40apereo.org.
