I have a form
<turbo-frame id="goals">
<form action="/add_goal">
<label for="goal_name">Goal Name</label>
<input type="text" id="goal_name" name="goal_name" placeholder="Goal name..">
<input type="submit" value="Add Goal">
</form>
</turbo-frame>
that I want to replace.
As a reply I send 303 and “Location: /added_goal” and “/added_goal” returns
<html>
<body>
<turbo-frame id="goals">
OK!
</turbo-frame>
</body>
</html>
Turbo sets the src on turbo-frame but does not replace the content.
remast
#2
Hi Stephan,
you do not need a turbo frame to submit a form. Just use a normal form with id like:
<form action="/activities/new"
method="POST"
id="b__activity_edit">
<!-- form content -->
</form>
Then just return a Turbo stream with id of the form and action replace like:
<turbo-stream action="replace" target="b__activity_edit">
<template>
<h1>Update</h1>
</template>
</turbo-stream>
I use that in my side project Baralga, a web based time tracker GitHub - Baralga/backend: Baralga Server Backend for multi-user capable time tracking.
Bye,
Jan