Template subfolders in Phoenix Framework

Photo by Fabian Grohs on Unsplash

This is one of the things that annoyed me when I was starting to create apps in phoenix. Why don’t it let me create subfolders to store partials in. I want to better organization of my templates.

This is an easy fix in phoenix. I didn’t come up with this but wanted to share it. I got it from here, credit goes to Chris McCord and OvermindDL1.

There are two ways to achieve this.

One is setting up a separate view and rendering it that way. This is useful for things that are shared on many different templates.

Render the other view in your html with

<%= render MyAppWeb.PartialView, "partial.html" %>

The way I was looking for with subfolders is to add the pattern option to Phoenix.View in your my_app_web.ex

use Phoenix.View, root: "web/templates", pattern: "**/*"

Now I can break up a template into smaller bits. For example if I have an index page that contains a list and I want to break the table that handles the list into its own template.

Template folder would be

my_app_web\ 
   templates\ 
     user\ 
       partials\ 
         _table.html.eex 
       index.html.eex

With the pattern option you can render it in your index.html with

Originally published at https://terrencedrumm.com on May 18, 2019.