elixir

Weird layout

I started a little Phoenix-project. But the layout of that project's main page looked weird. Using the layout solved the issue.

Nathan Mattes

Oct 17, 2024 • 1 min read

Instead of just reading more guides and more books, I finally started to work on a little side project using Elixir and Phoenix. After running mix phx.new I added some contexts and schemas and views and controllers and edited page_html/home.html.heex, the homepage.

But unlike the generated views, it still looked odd and I couldn't figure out why. I wanted it to be layouted like the other pages but somehow it wasn't. Was it because I still have to learn more tailwindcss? Then I saw this comment in PageController:

def home(conn, _params) do
  # The home page is often custom made,
  # so skip the default app layout.
  render(conn, :home, layout: false)
end

page_controller.ex

Setting removing layout: false did the trick. Now my homepage uses the root and app-layout like all the other views. Like it's supposed to.