diff options
Diffstat (limited to 'www/examples/bulk-update.md')
-rw-r--r-- | www/examples/bulk-update.md | 20 |
1 files changed, 10 insertions, 10 deletions
diff --git a/www/examples/bulk-update.md b/www/examples/bulk-update.md index fb12fe09..072d157f 100644 --- a/www/examples/bulk-update.md +++ b/www/examples/bulk-update.md @@ -9,9 +9,9 @@ accomplished by putting a form around a table, with checkboxes in the table, and values in `POST`'s to two different endpoints: `activate` and `deactivate`: ```html -<div kt-include="#checked-contacts" kt-target="#tbody"> - <a class="btn" kt-put="/activate">Activate</a> - <a class="btn" kt-put="/deactivate">Deactivate</a> +<div hx-include="#checked-contacts" hx-target="#tbody"> + <a class="btn" hx-put="/activate">Activate</a> + <a class="btn" hx-put="/deactivate">Deactivate</a> </div> <form id="checked-contacts"> @@ -42,10 +42,10 @@ updated rows. It will apply the class `activate` or `deactivate` to rows that h us to use a bit of CSS to flash a color helping the user see what happened: ```css - .kutty-settling tr.deactivate td { + .htmx-settling tr.deactivate td { background: lightcoral; } - .kutty-settling tr.activate td { + .htmx-settling tr.activate td { background: darkseagreen; } tr td { @@ -56,10 +56,10 @@ us to use a bit of CSS to flash a color helping the user see what happened: You can see a working examle of this code below. <style scoped=""> - .kutty-settling tr.deactivate td { + .htmx-settling tr.deactivate td { background: lightcoral; } - .kutty-settling tr.activate td { + .htmx-settling tr.activate td { background: darkseagreen; } tr td { @@ -127,9 +127,9 @@ You can see a working examle of this code below. // templates function displayUI(contacts) { - return `<div kt-include="#checked-contacts" kt-target="#tbody"> - <a class="btn" kt-put="/activate">Activate</a> - <a class="btn" kt-put="/deactivate">Deactivate</a> + return `<div hx-include="#checked-contacts" hx-target="#tbody"> + <a class="btn" hx-put="/activate">Activate</a> + <a class="btn" hx-put="/deactivate">Deactivate</a> </div> <form id="checked-contacts"> |