190
Views
4
Comments
Solved
[OutSystems UI] New Datepicker validation does not give red border
outsystems-ui
Reactive icon
Forge asset by OutSystems
Application Type
Reactive

Hi,

Using the latest version of OutSystemsUI, i noticed that when your date input field is invalid, the validation message is showed below, but the red border on the input field is not shown. 


When using inspect element, i notice a hidden input field that has the css class not-valid to show the red border, but it is not the element on screen. 

Can this be fixed?

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Bas de Jong 

I was able to confirm this is a product issue. I added it to our backlog under code ROU-3821 and we'll try to include it on the next release.
Thanks for the feedback and all the precious context.

Cheers,
GM

2022-11-12 11-28-30
Gonçalo Martins
Staff

Hello @Bas de Jong 

First of all thanks for reaching out.
Your use case is having a Date Picker on a Form that when submitted is invalid, correct?
Just to make sure I'll test under the same circumstances.
Once I have some time to replicate this I'll reach out. 

Cheers,
GM

2023-04-19 18-38-51
Bas de Jong

Correct! When setting the .valid property of the input field and performing the validation check on submitting.

2023-04-19 18-38-51
Bas de Jong

@Gonçalo Martins Some extra info:


Behind the button:


HTML:

Red is where the border is applied (hidden input)

Green is the input actually visible on screen.

2022-11-12 11-28-30
Gonçalo Martins
Staff
Solution

Hello @Bas de Jong 

I was able to confirm this is a product issue. I added it to our backlog under code ROU-3821 and we'll try to include it on the next release.
Thanks for the feedback and all the precious context.

Cheers,
GM

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.