You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/guides/ui-customization/themes.adoc
+11-5Lines changed: 11 additions & 5 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -252,7 +252,10 @@ Or to use directly in HTML templates add the following to a custom HTML template
252
252
In order to use a custom footer, create a `footer.ftl` file in your custom login theme with the desired content.
253
253
254
254
An example for a custom `footer.ftl` may look like this:
255
-
```
255
+
256
+
[source]
257
+
----
258
+
<#noparse>
256
259
<#macro content>
257
260
<#-- footer at the end of the login box -->
258
261
<div>
@@ -263,7 +266,8 @@ An example for a custom `footer.ftl` may look like this:
263
266
</ul>
264
267
</div>
265
268
</#macro>
266
-
```
269
+
</#noparse>
270
+
----
267
271
268
272
=== Adding an image to an email theme
269
273
@@ -322,13 +326,15 @@ For a list of templates in other theme types look at the `theme/base/<THEME_TYPE
322
326
+
323
327
For example, to create a custom login form for the `mytheme` theme, copy `themes/base/login/login.ftl` to `themes/mytheme/login` and open it in an editor.
324
328
+
325
-
${r"After the first line (<#import ...>), add `<h1>HELLO WORLD!</h1>` as shown here:"}
329
+
After the first line (`+<#noparse><#import ...></#noparse>+`), add `<h1>HELLO WORLD!</h1>` as shown here:
326
330
+
327
331
[source,html]
328
332
----
329
-
${r"<#import"} "template.ftl" as layout>
333
+
<#noparse>
334
+
<#import "template.ftl" as layout>
330
335
<h1>HELLO WORLD!</h1>
331
336
...
337
+
</#noparse>
332
338
----
333
339
334
340
. Back up the modified template. When upgrading to a new version of {project_name} you may need to update your custom templates to apply changes to the original template if applicable.
@@ -408,4 +414,4 @@ If enabled, the dark variant of the theme will be applied based on user preferen
408
414
== Additional resources for Themes
409
415
* For more inspiration, see <<_default-themes,Default Themes>> bundled inside {project_name}.
410
416
* {quickstartRepo_link}[{quickstartRepo_name}] - Directory `extension` of the quickstarts repository contains some theme examples, which can be also used as an inspiration.
0 commit comments