I'm developing a web app using angular and material design. At this moment, when I'm creating a new role I enter name and description of the role and role is created. After discussion with colleagues, we decided that we cannot create a role without adding at least one permission. What is the correct pattern to add permission in role-creation form?

Current role creation form:

enter image description here

Role permission's form:

enter image description here

Any ideas how I can integrate role creation form with role permission form?

  • Is it nesscary to create a role in the Side nav layer panel? – Sheraz Apr 6 '18 at 10:38
  • Kinda. We want to have consistency in the app. Other suggestions is also appreciated. – Arminas Grigonis Apr 6 '18 at 10:40

You can embed a material card in the "create role" section which can be used to manage permissions regarding that particular role.

Another suggestion is that your side nav layer should be on top of the page as an overlay.

Here is the wireframe of the concept explained above

enter image description here

|improve this answer|||||
  • Thanks for the answer, I believe I understood your suggestion and will try to implement this example in my app. Another question, what software you are using to create this sketch? – Arminas Grigonis Apr 6 '18 at 11:17
  • @ArminasGrigonis balsamiq.com – Sheraz Apr 6 '18 at 11:19

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.