chrisdel101
Using the default liveView setup via the generator, the flash messages are in live.html.heex. These appear to be included in all true LV’s via MyAppWeb module. But they are not in any of the child components. Not sure why. I’ve been copy/pasting so far but that is not sustainable.
How can I import this live.html into the child components too? I can’t find any docs on that layout keyword used below, if this might be the key.
This is the default code that imports the flashes into the main liveViews.
#live.html.heex
<main class="container">
<p class="alert alert-info" role="alert"
phx-click="lv:clear-flash"
phx-value-key="info"><%= live_flash(@flash, :info) %></p>
# other flashes
<%= @inner_content %>
</main>
# myapp_web.ex
defmodule MyAppWeb do
def controller do ...
def view do ...
def live_view do
quote do
use Phoenix.LiveView,
# this imports the flashes live.html
layout: {MyApp.LayoutView, "live.html"}
unquote(view_helpers())
end
end
def live_component do
quote do
use Phoenix.LiveComponent,
# but this does not work - has no effect (I added this)
layout: {MyApp.LayoutView, "live.html"}
unquote(view_helpers())
end
end
...
Where Next?
Trending in Questions
Other Trending Topics
Latest Phoenix Threads
Latest on Elixir Forum
Sponsor Spotlight
Elixir, Erlang & messaging conferences from Code Sync. Next up: ElixirConf US (10–11 Sep) & Code BEAM Europe (21–22 Oct), Haarlem + online.
Categories:
Sub Categories:
Forums
Popular Tags
- #ecto
- #liveview
- #troubleshooting
- #learning-elixir
- #library
- #deployment
- #erlang
- #testing
- #genserver
- #mix
- #absinthe
- #remote-other
- #otp
- #plug
- #how-to-question
- #macros
- #postgres
- #elixirconf
- #channels
- #exunit
- #discussion
- #code-sync
- #podcasts
- #javascript
- #onsite
- #dialyzer
- #docker
- #authentication
- #ai
- #umbrella
- #full-time-contract
- #podcasts-by-brainlid
- #blog-post
- #ecto-query
- #elixirconf-us
- #elixir-ls
- #phoenix_html
- #iex
- #graphql
- #genstage
- #websockets
- #supervisor
- #advent-of-code
- #distillery
- #processes
- #elixirconf-eu
- #api
- #forms
- #security
- #hex
Our Sponsors
Build Elixir applications with speed and confidence.
Supporting innovation across the BEAM ecosystem.
We build reliable cloud platforms for business-critical systems.
Catch errors, track performance, monitor hosts and more.
Error tracking, logs, uptime, and Just Enough APM. Built for developers.
Practical resources that improve the lives of professional developers.
**Building the future of software with AI, trust, and human connection.**
The deployment platform built for Elixir: PaaS ease, VPS control.
The team behind Membrane, Popcorn, LiveDebugger. Available for hire.
Courses that'll move you from confusion to "Aha, now I get it!"
Showing Posts 1 to 3- Show Best Posts
- Show All (oldest first)
- Show All (newest first)
100phlecs
Phoenix.LiveComponent doesn’t take
layout:as an option.I’m not sure of the structure of your app, but what you could do in order to not copy paste the flash html code around would be to wrap your livecomponents in a function that takes a slot.
Using the
embed_templatesmacro, you can then calllive.html.heexas a HEEx tag, i.e.Otherwise I would just copy paste it into a HEEx function within a module that is accessible within your live components:
chrisdel101
Even thought I just used the live view generator around 3 months ago it gave me version
17.5. Or maybe it was some online tutorial where I copy pasted the wrong version into my mix file.I’ve just tried to upgrade but I get error
error: undefined variable "f"in a million places. No idea how to fix that. So looks like I’m stuck with the old version.embed_templatesdoesn’t appear to be supported.Will give the slots way a try and reply if I fail.
Thx!
gerrit
You probably updated to LiveView 0.19.0 which removes the previously deprecated
let. You now have to use:letinstead.E.g.
<.form let={f} for={@changeset}>is replaced by<.form :let={f} for={@changeset}>