From the course: HTMX with Thymeleaf in Spring Boot

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Implement active search

Implement active search

- [Instructor] Please open IntelliJ and load 06-06_begin/records-management project files for this video. In the terminal, run the Maven Spring Boot run command. When it's complete, open the application in the browser, and let's log in. From the last tutorial, we modified the admin view page to have an infinite scroll. It's a nice technique, but this page really is too unwieldy to find anyone. What we need is what is often called an active search. Let's do a quick implementation of the active search for this page. In IntelliJ, let's open up the admin dashboard located underneath source, main, resources, template, admin. And at the top, just underneath the h2 tag, we're going to hit enter and type label. Hit enter again, and inside, we'll type input class "form-control" active-search. This will be followed by the type attribute, which will be search. Then hit enter. Let's tab over, and we'll type name. This as well will be "search" followed by placeholder, "Begin typing to search for…

Contents