Skip to main content

mprove Required Field Validation When Creating Posts

When creating a post in FluentCommunity, required-field validation could be made much more user-friendly.

Current Behaviour

If a user tries to publish a post without completing a required fieldβ€”for example:

  • Post title/heading
  • Post content/message
  • Required tag

FluentCommunity currently displays an error notification/toast in theΒ bottom-right cornerΒ of the screen.

The problem is that this notification tells the user there is an error, but it does not clearly showΒ which field needs attention.

Requested Behaviour

Instead of relying only on the bottom-right error notification, please addΒ inline validation directly to the affected field.

For example, if the user forgets to select a required tag:

**Tag ***

Please select a tag.

The Tag field should also receive a visible error state, such as a red border or other appropriate validation styling.

The same behaviour should apply to all required fields.

Recommended UX

When the user clicksΒ Publish/Post:

  1. Validate all required fields.
  2. Highlight each missing or invalid field.
  3. Display a short validation message directly underneath or beside that field.
  4. Automatically focus or scroll to theΒ first field containing an error.
  5. Keep the existing toast notification if desired, but use it only as a secondary notification rather than the primary way of communicating validation errors.

F. C.

Yes, a toast in a corner that disappears way too quickly is not great for validation errors. I’ve seen this in Fluent backends as well. I hope they change it.

Manoj Sharma

Shahjahan JewelΒ its a very small implementation.. please remove toast for warnings, and guidance.. and use it only for errors