helpdesk icon indicating copy to clipboard operation
helpdesk copied to clipboard

Enhance UX for Category Edit Dialog in Knowledge Base Section of Helpdesk Portal

Open UmakanthKaspa opened this issue 1 year ago • 2 comments

Issue: Passing category doc fields directly in v-model inputs in the category edit dialog caused immediate updates before saving. Unsaved changes would disappear upon refresh, and the dialog did not close automatically after saving.

Fix:

  • Temporary Variables: Used temporary variables (newCategoryName, newCategoryDescription, newCategoryIcon) to hold user input instead of binding directly to category.doc fields. Added a watch function to update these variables with doc values when the dialog opens, preventing immediate UI updates before saving.

  • Dialog Handling: Configured the dialog to close automatically after saving, reducing the number of user actions required.

Before Fix

before.webm

After Fix

after.webm

UmakanthKaspa avatar Sep 01 '24 02:09 UmakanthKaspa

add after fix video @UmakanthKaspa

RitvikSardana avatar Sep 07 '24 14:09 RitvikSardana

@RitvikSardana Video added. Please check. Thanks!

UmakanthKaspa avatar Sep 07 '24 15:09 UmakanthKaspa

closed by #2124

RitvikSardana avatar Jan 21 '25 19:01 RitvikSardana