Question
CGI
IN
Last activity: 16 Oct 2018 12:03 EDT
Property level Error display issue i.e. Error should display below Autocomplete text filed
Error should display below Autocomplete text filed but it is displaying right of Autocomplete text filed.
Please find the details in attached document.
Thanks in Advance!
**Moderation Team has archived post**
This post has been archived for educational purposes. Contents and links will no longer be updated. If you have the same/similar question, please write a new post.
Swedbank AB
SE
Hello,
You could check the following Support Articles to see if it is in line with your issue:
- https://community.pega.com/support/support-articles/show-smart-tip-bubble-does-not-align-related-property
- https://community.pega.com/support/support-articles/error-message-text-input-creates-alignment-issues
If not, then I believe you should come through an SR for this.
However, you could wait for others members to review if there's a direct solution to this.
Sincerely,
Pawan
Blue Rose Technologies GmbH
BE
Hello,
You can use custom css to get your alignment in-place or you can increase the width of the column.
Try using Browser developer tools and find the div and do the necessary changes.
Thanks.
Pegasystems Inc.
IN
There seems to be a custom format used for the layout. Can you please try with OOTB layout format and let us know your observations.
Best Regards,
Mounika
CGI
IN
Hi Mounika,
We are using separate cells for displaying Label and field.
If I don't give any label in field cell, it is displaying error on right side of field.
If I give atleast dot as field value for label in cell properties, it is displays error on bottom of filed.
We are using Pega 7.2.1
Thanks in Advance.
J.P. Morgan Services India PVT Ltd
IN
Align the width of autocomplete.
Also,I found one link, the solution was to perform nesting layout. Can this help?
http://community.pega.com/support/support-articles/errors-now-shown-text-below-field
CGI
IN
http://https://pdn.pega.com/support-articles/errors-now-shown-text-below-field
This site can’t be reached......
Can you share some other way
Pegasystems Inc.
IN
Hi Rajasekhar,
Please try copy and pasting this URL: https://community.pega.com/support/support-articles/errors-now-shown-text-below-field
Else, try searching on PDN for this: Errors now shown as text below a field
It opens for me!
Virtusa
IN
Hi Rajasekhar,
Seems like issue is due to the available space for AutoComplete control to show the validation message.
try to place your AutoComplete control in different dynamic layout and set Layout Format as Default.
This might help you in showing the message correctly.
Thanks,
Kiran
CGI
IN
Thanks Kiran.
When I give Label, validation is displayed correctly.
Please go through attached document. After going through the document, do still thing it is space issue?
Pegasystems Inc.
IN
Hello Rajasekhar,
Thanks for posting your query in PSC :)
From the provided document, I see that you are using customized style for the Dynamic layout (i.e. Inline grid Reporting Reviews). As I understand your requirement is to display the error message below the control(i.e. #Days field which using AutoComplete UI control). However, it is getting displayed to the right of the control. Is my understand correct?
I find related PSC post. Refer https://pdn.pega.com/community/pega-product-support/question/showing-error-right-side-textbox.
In OOTB, the error message is displayed below the control. Refer the below screenshot:
From browser’s developer tool(i.e F12), identify the div element, add element style position and display. For testing purpose, I have altered it to right alignment. Refer the below screenshot:
Hello Rajasekhar,
Thanks for posting your query in PSC :)
From the provided document, I see that you are using customized style for the Dynamic layout (i.e. Inline grid Reporting Reviews). As I understand your requirement is to display the error message below the control(i.e. #Days field which using AutoComplete UI control). However, it is getting displayed to the right of the control. Is my understand correct?
I find related PSC post. Refer https://pdn.pega.com/community/pega-product-support/question/showing-error-right-side-textbox.
In OOTB, the error message is displayed below the control. Refer the below screenshot:
From browser’s developer tool(i.e F12), identify the div element, add element style position and display. For testing purpose, I have altered it to right alignment. Refer the below screenshot:
I hope this helps.
PS: My observation is from Pega 7.2.1.
Regards,
Rincy
CGI
IN
Thanks............
Currently as a work around, we added label "." to display the error message in bottom i.e. Default position to display error message.
Query: When we added label ".", it displays the error message at bottom. If I don't giving any label, it displays the error message at right. What is the relation between Label and display position of error message?
Can someone guide.
CGI
IN
Currently as a work around, we added label "." to display the error message in bottom i.e. Default position to display error message.
Query: When we added label ".", it displays the error message at bottom. If I don't giving any label, it displays the error message at right. What is the relation between Label and display position of error message?
Can someone guide.
CGI
IN
Currently as a work around, we added label "." to display the error message in bottom i.e. Default position to display error message.
Query: When we added label ".", it displays the error message at bottom. If I don't giving any label, it displays the error message at right. What is the relation between Label and display position of error message?
Can someone guide
Genome
US
Hi Rajesh,
In "Dynamic Layout Properties" form, go to Presentation tab and try changing the Layout mode to "Inline-block" instead of Flexbox. Let me know if this works.