-
Notifications
You must be signed in to change notification settings - Fork 8.3k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Index pattern creation] Move the error message to below the input field #11801
[Index pattern creation] Move the error message to below the input field #11801
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Functionality LGTM. Left a minor comment on the code.
@@ -44,6 +44,16 @@ | |||
> | |||
</div> | |||
|
|||
<!-- Input error text --> | |||
<div class="kuiVerticalRhythm" ng-if="controller.fetchFieldsError"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Per our HTML styleguide we break up tags with multiple attributes onto multiple lines, so its more readable + easy to see attribute adds/removes later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Np, good to know. I'll fix it up
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM!
Backport5.x: 09d97ba |
@chrisronline the 5.x branch is for the upcomming 5.5 release, if you really want this to go out with 5.4.1 (should we ship it) it would need to be backported to the 5.4 branch as well. |
@spalger Yup! It's an enhancement so I don't think we need it in EDIT: and I see the confusion. I should have removed the |
…eld (elastic#11801) * Move the error message to below the input field, resolves elastic#11410 * Update to match HTML styleguide
Closes #11410
Summary
This PR makes a small change to the index pattern creation page by surfacing index-related errors directly underneath the input field, rather than on the
Create
button. This helps visually connect the error with the state causing the error. It's important to note that theCreate
button will continue to be disabled in this error state, just as before.If it's not obvious, the new UI is based off the
StatusText
UI componentScreenshots
New Error Surfacing
Old Error Surfacing