Customize Date Picker Client Side Validation message DIsplay
Hi All,
Is there a way to get the "Required - Client Side validation message" to the right hand side of the field.
I have attached the screenshot where is coming at bottom of field, need that message @ right hand side.
Thanks
UC
Accepted Solution
Mphasis
IN
For Inline Double layout, there will be space constraint, but validation message will come on the right hand side of field.
to avoid that space constraint we can use Width:max-content along with class as custom CSS, that need to be initialized at the skin rule.
Thanks
UC
Pegasystems Inc.
IN
Hi @ChandanU5252,
I dont find any auto generated way of achieving (not even in Skin >errors) the error message to right side of the given input field. Hence, I've composed a custom style to achieve what you are looking for.
1) Open the rule UserWorkForm (Save into the application ruleset if not saved already)
2) Copy and paste the following code snippet
<style>
.field-item>span {
display: flex !important;
align-items: center;
}
.iconErrorDiv {
width : 100%;
}
</style>
3) Save the rule and run the scenario.
Here are my test screen prints :
Initially the form is,
For the name required (only one field)
Hi @ChandanU5252,
I dont find any auto generated way of achieving (not even in Skin >errors) the error message to right side of the given input field. Hence, I've composed a custom style to achieve what you are looking for.
1) Open the rule UserWorkForm (Save into the application ruleset if not saved already)
2) Copy and paste the following code snippet
<style>
.field-item>span {
display: flex !important;
align-items: center;
}
.iconErrorDiv {
width : 100%;
}
</style>
3) Save the rule and run the scenario.
Here are my test screen prints :
Initially the form is,
For the name required (only one field)
For all the date field validation,
Scenario 2,
Once validation is passed,
Please update the code snippet based on your test cases.
Please feel free to reply to this post for any questions.
Thank you,
Regards, cherb.
Mphasis
IN
Thanks Cherb,
Just wanted to know, Have you used the Default Dynamic Layout ?
Actually i forgot to mention in my post , i had issue in INLINE GRID DOUBLE layout style.
Regards
UC
Accepted Solution
Mphasis
IN
For Inline Double layout, there will be space constraint, but validation message will come on the right hand side of field.
to avoid that space constraint we can use Width:max-content along with class as custom CSS, that need to be initialized at the skin rule.
Thanks
UC
Pegasystems Inc.
IN
Hi @ChandanU5252,
I was busy and could not get back to you.
Yeah, I was trying with DynamicLayout (Stacked).
I see that you are all set with "inline double dynamic layout". Great !
Thank you,
Regards, cherb.