Thymleaf Templates.
I have been trying to use a base template for most of my pages for more consistent styling and to allow for multiple design changes to be possible globally without having to add 1 new thing to each page.
essentially my goal is to have a page and let the content page extend it. meaning it only changes barely anything instead of pulling each thing in separately.
html will be attached in following messages.
30 Replies
⌛ This post has been reserved for your question.
Hey @Hype_the_Time! Please useTIP: Narrow down your issue to simple and precise questions to maximize the chance that others will reply in here./closeor theClose Postbutton above when your problem is solved. Please remember to follow the help guidelines. This post will be automatically marked as dormant after 300 minutes of inactivity.
content page (
leaderboard.html)
template (template/default.html)
result(thing its doing right now is taking the leadbaord html and overwriting its content tag with the content tag from leaderboard)
💤 Post marked as dormant
This post has been inactive for over 300 minutes, thus, it has been archived.
If your question was not answered yet, feel free to re-open this post or create a new one.
In case your post is not getting any attention, you can try to use /help ping.
Warning: abusing this will result in moderative actions taken against you.Z
you can use thymeleaf fragments
so essentially you can create a default page and include the other pages in it
or create normal pages and include things like the footer
I tried. Have a look at the HTML's I attached. My 0roblem is that it's taking it from the default instead of it being the only thing not from default.
?
Instead of pulling things in individually I would like to use extending instead.
I think you can pass a parameter that decides which fragment you want to include
.
idk what you mean with extending
yeah viewing html files is really annoying on mobile
Basically.
You have default.HTML in templates.
You define the basic layouts there such as that utf 8 is used, the basic scripts, the default styles,...
Meaning the only thing you want to change in each page essentially is its content.
If you want to add something across all pages for example a element informing about a change instead adding a pull on each page you would only update default.HTML.
So in your controller, you always load the default page but you add an attribute for the actual page you are interested/want to replace, e.g.
model.addAttribute("content", "leaderboard");
And then in your template:
idk about this being the correct syntax
but I mean replacing the elements within the templateDefining the content in the code doesn't seem the most optimal either. I guessed that it was a solution. But it would blow up the code size.
Instead of
return "leaderboard";, you could do return page("leaderboard") and the page method sets stuff up for it
(you could use a static import or whatever for that method)Just thought of this but the general approach with model attribute setting means you can't preview the pages either.
preview?
Telling intelij hey open this in a browser so you can look the the content etc.
I mean, you can just start the application and configure it to live reload stuff
Also no HTML highlighting
What?
Why does that not work?
Both the template and the file with the fragments are normal html files
If it's defined in Java Strings?
what is defined as Java strings?
I thought that's what you meant with the attribute setting essentially. How would you do it in HTML files?
the only thing you specify as a
String is which page is selectedBut how do you overwrite only that specific part?
If you want to load leaderboard.html, you do
and then something like that (I didn't test it, idk the correct syntax)
Ic
💤 Post marked as dormant
This post has been inactive for over 300 minutes, thus, it has been archived.
If your question was not answered yet, feel free to re-open this post or create a new one.
In case your post is not getting any attention, you can try to use /help ping.
Warning: abusing this will result in moderative actions taken against you.