…custom actions.
This seriously sounds epic. What are you using to open the modals? Are you opening Bootstrap modals that point to the page's URL that has the turbo-frame? What about closing the modal? I go into modals in a big way in…
…on my index pages and update menu badges in real time with mercure and turbo streams from webhooks. Also, overriding any of the form templates and surrounding it in a turbo frame lets you have a modal anywhere that can load the crud forms for…
…making the Ajax call manually (i.e. POSTing via Axios), you're going outside of the Turbo Frames system. That's ok - it just means that "you're in charge" of making any updates or handling the response. There are a few options I can…
…is so much easier to work with.
Using a turbo-stream required hooking up additional stimulus controllers, and functions, and actions/listeners. In many cases, the only thing the controller did was POST the data and handle the render the turbo stream. And nothing else…
…need to submit individually. And so it's definitely a case where you'll want to avoid a full page refresh. I would normally use Turbo Frames for the Ajax submitting side of things, but that is not a requirement.
Anyway, if this is still…
…not divisible by 3 then I get a blank space in the grid when the next turbo frame is populated.
I tried display:contents on the turbo-frames but that seems to prevent turbo from triggering the frame to load.
I think maybe this is…
…with Live Component??)
You CAN do it with this - especially once we merge https://github.com/symfony/ux/pull/1230 - but I'm planning to do it entirely with Turbo frames
> Can’t wait to see this training, it’s going to be great!
…
…because it doesn't always need to update, and I also want to break up a complicated page. I thought "hey, turbo frame or streams, right?"
Here's the stream template (I removed the template code, there is something there in the actual file).
```
// drawer…
Blog
Your LAST Stack
…that we no longer need.
And since cool tools deserve cool names, say hello to LAST Stack:
L Live Components
A AssetMapper
S Stimulus (or Symfony)
T Turbo (or Twig)
LAST stack is about web standards. AssetMapper (stable in Symfony
6.4) leverages importmaps:
a…
…So, in your code, you can now post an "update" to Mercure containing Turbo Stream directions to update *any* elements on your page (at this point, it doesn't matter at all what original element you added the `{{ turbo_stream_listen('product-reviews') }}` to. So…
…2.*",
"symfony/runtime": "6.2.*",
"symfony/translation": "6.2.*",
"symfony/twig-bridge": "6.2.*",
"symfony/twig-bundle": "6.2.*",
"symfony/ux-turbo": "^2.0",
"symfony/webpack-encore-bundle": "^1.13",
"symfony/yaml": "6.2.*",
"twig/extra-bundle": "^2.12|^3.0",
"twig/twig": "^2.12|^3.0…
…1.*",
"symfony/http-client": "6.1.*",
"symfony/monolog-bundle": "^3.0",
"symfony/runtime": "6.1.*",
"symfony/twig-bundle": "6.1.*",
"symfony/ux-turbo": "^2.0",
"symfony/webpack-encore-bundle": "^1.13",
"symfony/yaml": "6.1.*",
"twig/extra-bundle": "^2.12|^3.0",
"twig/twig": "^2.12|^3…
…how much of a problem this is anymore in practice.
However, yes, using this stimulus/turbo setup would avoid any potential SEO problems because... the page is loading as normal JavaScript. Even if a crawler didn't support JavaScript at all (which I don't…
…ever want to triple-check if Turbo is being loaded at all, you can go into your console and run: `console.log(Turbo)`. When Turbo is loaded, it's a rare situation where a global variable (`Turbo`) is added. so if Turbo has been loaded…
…the code for this course and setting it up as per the readme file, the website is up and everthing works, except that the audios do not play and the turbo function is also not working. Any hints as to why this could be ?
Thanks…
…t think the `controllers.json` item I just talked about is related:
> An exception has been thrown during the rendering of a template ("The Turbo stream transport "default" doesn't exist.").
What version of `symfony/mecure-bundle` do you have (try `composer show symfony…
…s supposed to be added automatically for you when you install `symfony/ux-turbo` by the Flex recipe system. However, if your `package.json` is in a non-standard place, that may not have happened.
Try this:
```
npm add @hotwired/turbo -D
```
If you're…
…irritating to me.
Also, the second requests generate an exception:
`Twig\Error\LoaderError:
Unable to find template "default/default.turbo_stream.twig"`
(while calling that URL directly in the browser renders just fine using an completly different template).
Sorry, if this sounds a bit confusing.
…enters too short password or makes any other mistake - the account is obviously not created, but no error is shown. There is no message what went wrong.
I figured out the problem occurs only when Turbo is enabled. Any idea how to fix it?
Best…
…which unfortunately didn't help me.
```
...
"mercure-turbo-stream": {
"enabled": true,
"fetch": "eager"
}
...
```
docker-compose.yaml - Very different from the tutorial code
```
...
###> symfony/mercure-bundle ###
caddy:
image: dunglas/mercure
restart: unless-stopped
environment:
# Uncomment the following line to disable HTTPS
#SERVER_NAME: ':80'
MERCURE…
x
682