Hey @Ruby0,

Nice job on adding the custom field and updating the database! Now, to get the "Save" button to store the email field properly, you'll need to make sure both the backend and Angular UI are handling it correctly.

1.Backend: Extend the API Umbraco’s default save method for user groups doesn’t include custom fields, so you need to create a custom API endpoint to handle it.

Create a custom controller in C# to save the email field:

[PluginController("CustomUserGroup")]
public class CustomUserGroupController : UmbracoAuthorizedJsonController
{
    private readonly IUserGroupService _userGroupService;

    public CustomUserGroupController(IUserGroupService userGroupService)
    {
        _userGroupService = userGroupService;
    }

    [HttpPost]
    public IActionResult SaveUserGroupEmail(int groupId, string email)
    {
        var group = _userGroupService.GetUserGroupById(groupId);
        if (group == null) return NotFound();

        group.SetAdditionalData("Email", email);
        _userGroupService.Save(group);

        return Ok(new { success = true });
    }
}

This ensures the email gets saved when you hit the API.

2.Frontend: Call the API from Angular

Now, in your Angular controller, you need to send the email to your custom API when clicking "Save."

angular.module("umbraco").controller("MyUserGroupController", function ($scope, $http, umbRequestHelper) {
    $scope.saveEmail = function () {
        var data = {
            groupId: $scope.model.id,
            email: $scope.model.email
        };

        umbRequestHelper.resourcePromise(
            $http.post("/umbraco/backoffice/CustomUserGroup/SaveUserGroupEmail", data),
            "Failed to save email"
        ).then(function (response) {
            if (response.success) {
                notificationsService.success("Success", "Email updated!");
            } else {
                notificationsService.error("Error", "Could not save email.");
            }
        });
    };
});

Make sure your API is registered and accessible.

Ensure your Angular model ($scope.model.email) is updating properly.

If you want to save the email automatically when clicking "Save", hook the API call into Umbraco’s existing save functionality.

Try and let me know..

is working on a reply...