[SalesForce] Lightning component flow custom validation error message

I'm following the instructions here to create custom validation for a Lightning Component in my Flow:

Available For Flow Screens

Custom Validation

Salesforce validates each flow screen when the user attempts to
navigate to the next screen. If the flow screen is not valid, the user
can’t progress. To validate the component with the flow screen,
declare the validate attribute in the component. Set the validate
attribute to a custom validation function that must return two
parameters: isValid and errorMessage.

The validation works, and the error message is displayed, but its at the very bottom of the component. Is there a way I can control placement of the error message, like to somewhere closer to the top of the component? Right now it displays after my custom component and the footer button bar:

enter image description here

Best Answer

I wound up hiding the Flow footer and creating my own [Next] button. Clicking the [Next] button triggers JS controller code that validates the input.

Related Topic