How to Add New Fields in "Add New User" Form In usermanager?

Webix JS
1

Hello All,

I’m working on a User Management module and want to add new fields in the “Add New User” form. Below is a screenshot of my current implementation:
Check Webix Snippet Here

image
image1180×891 79.1 KB

How can I modify the form to include additional fields like “Phone Number” and “Role”? Should I update the existing webix.ui form configuration, or is there a better approach?

Thanks in advance for any tips or guidance!

2

Hello yadav,

To add new fields in the “Add New User” form you need to customize the config method of userManager.services.Prompt.
Using ui.body.rows you can configure the form you need.
Also you need to customize the AddNew function in userManager.views[“addmenu”]. By default this function is responsible for adding new item to a specified list and expects only one value (user name) from the form. So we need to include all other values from the form:

prompt
        .show(_("Add new user"))
        .then(userData => {
        return this.app.getService("operations").addUser({ ...userData });

Please take a look at the example: Code Snippet

1 Like
3

Thankx @Natalia_Shilova , I’ve integrated this in my app its working perfectly.