Skip to content

[Ingest] Adjust validation UI on data source configuration fields #63070

Description

@jen-huang

Following the work done in #61180 and #62858, we need to update the validation UI to match design. Here are some additional design notes from @hbharding. Note that the screenshot below shows the form error as a red callout at bottom of page. This should be removed in favor of putting the form error on the bottom bar instead.

image

View in Figma

Activity

  1. elasticmachine commented on Apr 8, 2020

    @elasticmachine
    Contributor

    Pinging @elastic/ingest-management (Team:Ingest Management)

  2. jen-huang commented on Apr 28, 2020

    @jen-huang
    ContributorAuthor

    @ruflin As these are UI-only adjustments, I'm going to kick this one to beta, hope you don't mind.

    @hbharding Would be great to update the mockup for Beta that includes having the general error in bottom bar.

  3. jen-huang commented on Jul 10, 2020

    @jen-huang
    ContributorAuthor

    @hbharding FYI I implemented this in #71187, you can see some screenshots in the PR description. It differs from the mockup here since the overall design of Add/Edit integration changed. There is no red border in the implemented UI, and the callout message was moved to the bottom bar instead.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions