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 [email protected].
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.
