Add css with thymeleaf

Question

I want to have access to the login.css file. For that I try to do this in the login page:

<link rel="stylesheet" type="text/css" href="..static/css/login.css" th:href="@{/static/css/login.css}"/>

And I have a WebConfig:

@Configuration
@EnableWebMvc
public class WebConfig implements WebMvcConfigurer {

    @Override
    public void addResourceHandlers(ResourceHandlerRegistry registry) {
        registry.addResourceHandler("/static/**")
                .addResourceLocations("classpath:/static/");

    }
}

Do you use Spring-Boot?

Nikolas
– Nikolas

2018-09-10 11:55:42 +00:00
Commented Sep 10, 2018 at 11:55 — Nikolas
– Nikolas, Commented Sep 10, 2018 at 11:55
Yes, I use Spring Boot

abc
– abc

2018-09-10 12:00:15 +00:00
Commented Sep 10, 2018 at 12:00 — abc
– abc, Commented Sep 10, 2018 at 12:00

Nikolas · Accepted Answer · 2018-09-10 12:04:09Z

5

Since you use Spring-Boot, the path should be recognized automatically. The project structure should be alike:

resources/static/js
resources/static/css

In case there are no other overridden methods, remove the WebConfig class with the annotations. I recommend avoiding using the @EnableWebMvc with Spring-Boot since you take all the control (and responsibility) over the MVC configuration.

Access to a static resource with:

<link rel="stylesheet" th:href="@{/css/login.css}"/>

answered Sep 10, 2018 at 12:04

Nikolas

45k19 gold badges132 silver badges201 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

abc Over a year ago

I did how you told me, but when I try to access the login page, it appears without css style. After authentication I receive localhost:8082/css/login.css, that contains the code from login.css and if I click back I receive the form with css included.

abc Over a year ago

I succed after I added more: antMatchers("/css/**").permitAll()

Collectives™ on Stack Overflow

Add css with thymeleaf

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related