Get 2024 Templates Mega Bundle!19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets
Get for 99$

User Edit modal not working


i use metronic theme for laravel by deafult the user module is present i use that but i have a issue while edit modal is called it opens fine but when i try to update anything the other inputs gets nulled
below is the example here i only edited name that's coming others null
in console
{
"components": [
{
"snapshot": "{\"data\":{\"user_id\":null,\"name\":\"Andreane Satterfieldasas\",\"email\":null,\"role\":null,\"avatar\":null,\"saved_avatar\":null,\"edit_mode\":false},\"memo\":{\"id\":\"HpwSjNPbw5yjxsrz1X76\",\"name\":\"user.add-user-modal\",\"path\":\"user-management\\\/users\",\"method\":\"GET\",\"children\":[],\"scripts\":[],\"assets\":[],\"errors\":{\"email\":[\"The email field is required.\"],\"role\":[\"The role field is required.\"]},\"locale\":\"en\"},\"checksum\":\"cbd85b61b150b16558f3f9096b29fbca70d193422714b139a58675f92751c3a8\"}",
"effects": {
"returns": [
null
],
"html": "<div wire:id=\"HpwSjNPbw5yjxsrz1X76\" class=\"modal fade\" id=\"kt_modal_add_user\" tabindex=\"-1\" aria-hidden=\"true\" wire:ignore.self>\n <!--begin::Modal dialog-->\n <div class=\"modal-dialog modal-dialog-centered mw-650px\">\n <!--begin::Modal content-->\n <div class=\"modal-content\">\n <!--begin::Modal header-->\n <div class=\"modal-header\" id=\"kt_modal_add_user_header\">\n <!--begin::Modal title-->\n <h2 class=\"fw-bold\">Add User<\/h2>\n <!--end::Modal title-->\n <!--begin::Close-->\n <div class=\"btn btn-icon btn-sm btn-active-icon-primary\" data-bs-dismiss=\"modal\" aria-label=\"Close\">\n <span class=\"ki-duotone ki-cross fs-1\"><span class=\"path1\"><\/span><span class=\"path2\"><\/span><\/span>\n <\/div>\n <!--end::Close-->\n <\/div>\n <!--end::Modal header-->\n <!--begin::Modal body-->\n <div class=\"modal-body px-5 my-7\">\n <!--begin::Form-->\n <form id=\"kt_modal_add_user_form\" class=\"form\" action=\"#\" wire:submit=\"submit\" enctype=\"multipart\/form-data\">\n <input type=\"hidden\" wire:model=\"user_id\" name=\"user_id\" value=\"\"\/>\n <!--begin::Scroll-->\n <div class=\"d-flex flex-column scroll-y px-5 px-lg-10\" id=\"kt_modal_add_user_scroll\" data-kt-scroll=\"true\" data-kt-scroll-activate=\"true\" data-kt-scroll-max-height=\"auto\" data-kt-scroll-dependencies=\"#kt_modal_add_user_header\" data-kt-scroll-wrappers=\"#kt_modal_add_user_scroll\" data-kt-scroll-offset=\"300px\">\n <!--begin::Input group-->\n <div class=\"fv-row mb-7\">\n <!--begin::Label-->\n <label class=\"d-block fw-semibold fs-6 mb-5\">Avatar<\/label>\n <!--end::Label-->\n <!--begin::Image placeholder-->\n <style>\n .image-input-placeholder {\n background-image: url('http:\/\/127.0.0.1:8000\/assets\/media\/svg\/files\/blank-image.svg');\n }\n\n [data-bs-theme=\"dark\"] .image-input-placeholder {\n background-image: url('http:\/\/127.0.0.1:8000\/assets\/media\/svg\/files\/blank-image-dark.svg');\n }\n <\/style>\n <!--end::Image placeholder-->\n <!--begin::Image input-->\n <div class=\"image-input image-input-outline image-input-placeholder image-input-empty\" data-kt-image-input=\"true\">\n <!--begin::Preview existing avatar-->\n <!--[if BLOCK]><![endif]--> <div class=\"image-input-wrapper w-125px h-125px\" style=\"background-image: url();\"><\/div>\n <!--[if ENDBLOCK]><![endif]-->\n <!--end::Preview existing avatar-->\n <!--begin::Label-->\n <label class=\"btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow\" data-kt-image-input-action=\"change\" data-bs-toggle=\"tooltip\" title=\"Change avatar\">\n <span class=\"ki-duotone ki-pencil fs-7\"><span class=\"path1\"><\/span><span class=\"path2\"><\/span><\/span>\n <!--begin::Inputs-->\n <input type=\"file\" wire:model=\"avatar\" name=\"avatar\" accept=\".png, .jpg, .jpeg\"\/>\n <input type=\"hidden\" name=\"avatar_remove\"\/>\n <!--end::Inputs-->\n <\/label>\n <!--end::Label-->\n <!--begin::Cancel-->\n <span class=\"btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow\" data-kt-image-input-action=\"cancel\" data-bs-toggle=\"tooltip\" title=\"Cancel avatar\">\n <span class=\"ki-duotone ki-cross fs-2\"><span class=\"path1\"><\/span><span class=\"path2\"><\/span><\/span>\n <\/span>\n <!--end::Cancel-->\n <!--begin::Remove-->\n <span class=\"btn btn-icon btn-circle btn-active-color-primary w-25px h-25px bg-body shadow\" data-kt-image-input-action=\"remove\" data-bs-toggle=\"tooltip\" title=\"Remove avatar\">\n <span class=\"ki-duotone ki-cross fs-2\"><span class=\"path1\"><\/span><span class=\"path2\"><\/span><\/span>\n <\/span>\n <!--end::Remove-->\n <\/div>\n <!--end::Image input-->\n <!--begin::Hint-->\n <div class=\"form-text\">Allowed file types: png, jpg, jpeg.<\/div>\n <!--end::Hint-->\n <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\n <\/div>\n <!--end::Input group-->\n <!--begin::Input group-->\n <div class=\"fv-row mb-7\">\n <!--begin::Label-->\n <label class=\"required fw-semibold fs-6 mb-2\">Full Name<\/label>\n <!--end::Label-->\n <!--begin::Input-->\n <input type=\"text\" wire:model=\"name\" name=\"name\" class=\"form-control form-control-solid mb-3 mb-lg-0\" placeholder=\"Full name\"\/>\n <!--end::Input-->\n <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\n <\/div>\n <!--end::Input group-->\n <!--begin::Input group-->\n <div class=\"fv-row mb-7\">\n <!--begin::Label-->\n <label class=\"required fw-semibold fs-6 mb-2\">Email<\/label>\n <!--end::Label-->\n <!--begin::Input-->\n <input type=\"email\" wire:model=\"email\" name=\"email\" class=\"form-control form-control-solid mb-3 mb-lg-0\" placeholder=\"example@domain.com\"\/>\n <!--end::Input-->\n <!--[if BLOCK]><![endif]--> <span class=\"text-danger\">The email field is required.<\/span> <!--[if ENDBLOCK]><![endif]-->\n <\/div>\n <!--end::Input group-->\n <!--begin::Input group-->\n <div class=\"mb-7\">\n <!--begin::Label-->\n <label class=\"required fw-semibold fs-6 mb-5\">Role<\/label>\n <!--end::Label-->\n <!--[if BLOCK]><![endif]--> <span class=\"text-danger\">The role field is required.<\/span> <!--[if ENDBLOCK]><![endif]-->\n <!--begin::Roles-->\n <!--[if BLOCK]><![endif]--> <!--begin::Input row-->\n <div class=\"d-flex fv-row\">\n <!--begin::Radio-->\n <div class=\"form-check form-check-custom form-check-solid\">\n <!--begin::Input-->\n <input class=\"form-check-input me-3\" id=\"kt_modal_update_role_option_1\" wire:model=\"role\" name=\"role\" type=\"radio\" value=\"administrator\" checked=\"checked\"\/>\n <!--end::Input-->\n <!--begin::Label-->\n <label class=\"form-check-label\" for=\"kt_modal_update_role_option_1\">\n <div class=\"fw-bold text-gray-800\">\n Administrator\n <\/div>\n <div class=\"text-gray-600\">\n Best for business owners and company administrators\n <\/div>\n <\/label>\n <!--end::Label-->\n <\/div>\n <!--end::Radio-->\n <\/div>\n <!--end::Input row-->\n <!--[if BLOCK]><![endif]--> <div class='separator separator-dashed my-5'><\/div>\n <!--[if ENDBLOCK]><![endif]-->\n <!--begin::Input row-->\n <div class=\"d-flex fv-row\">\n <!--begin::Radio-->\n <div class=\"form-check form-check-custom form-check-solid\">\n <!--begin::Input-->\n <input class=\"form-check-input me-3\" id=\"kt_modal_update_role_option_6\" wire:model=\"role\" name=\"role\" type=\"radio\" value=\"User\" checked=\"checked\"\/>\n <!--end::Input-->\n <!--begin::Label-->\n <label class=\"form-check-label\" for=\"kt_modal_update_role_option_6\">\n <div class=\"fw-bold text-gray-800\">\n User\n <\/div>\n <div class=\"text-gray-600\">\n \n <\/div>\n <\/label>\n <!--end::Label-->\n <\/div>\n <!--end::Radio-->\n <\/div>\n <!--end::Input row-->\n <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->\n <!--[if ENDBLOCK]><![endif]-->\n <!--end::Roles-->\n <\/div>\n <!--end::Input group-->\n <\/div>\n <!--end::Scroll-->\n <!--begin::Actions-->\n <div class=\"text-center pt-15\">\n <button type=\"reset\" class=\"btn btn-light me-3\" data-bs-dismiss=\"modal\" aria-label=\"Close\" wire:loading.attr=\"disabled\">Discard<\/button>\n <button type=\"submit\" class=\"btn btn-primary\" data-kt-users-modal-action=\"submit\">\n <span class=\"indicator-label\" wire:loading.remove>Submit<\/span>\n <span class=\"indicator-progress\" wire:loading wire:target=\"submit\">\n Please wait...\n <span class=\"spinner-border spinner-border-sm align-middle ms-2\"><\/span>\n <\/span>\n <\/button>\n <\/div>\n <!--end::Actions-->\n <\/form>\n <!--end::Form-->\n <\/div>\n <!--end::Modal body-->\n <\/div>\n <!--end::Modal content-->\n <\/div>\n <!--end::Modal dialog-->\n<\/div>\n"
}
}
],
"assets": []
}


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)


But for me it's happening I haven't changed Anything in it by default it's happening



Hi Farhan Sheikh,

Sorry for the delay. Does this issue also occur on the demo site? We could not reproduce the issue.
You can check it here:
https://preview.keenthemes.com/starterkit/metronic/laravel/user-management/users

Best regards,

Thank you


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(