How to Disable OOB validations on Basic form and implement Jquery for Validations in Portals

(0) Share

Report

Posted on by Narendra Sunkara

Hi All,

I am using D365 Online and Portals

I do have a Basic form in portal where I need to disable OOB validations on top of window and need to wright Jquery code for Inline(validation msg should be next to each control/label) validations. How to achieve this, any code examples pls or any links please

Bit urgent for me

Regards,

Babu

Categories:

Power Apps portals

I have the same question (0)

All responses (6)

Answers (0)

Sort by

oliver.rodrigues 9,455 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!
When you say disable OOB validations, do you mean you don't want the validations to happen? or simple reposition them?

If you are talking about re-positioning, it might be better to use some client-side strategy like:

Once the validations panel is loaded

Read each line and move the content to where the field is placed in the form

Then delete the validations panel entirely via JS

if you need to add additional validation you can refer to this article: Add custom JavaScript - Power Apps | Microsoft Docs

hope this helps

Was this reply helpful? Yes No
Narendra Sunkara 47 on at

Like (0)

Report
Copy link

Link copied!

Hi @OliverRodrigues ,
Thanks for your reply
Yes, I want to reposition them next to each control, But this is in PopUp window.
I have gone through the given link and implemented same way for one control, but validation message is displaying on top of the page, not near the particular label/control, How to manage this

Any other links for this pls

Regards,
Babu

Was this reply helpful? Yes No
Fubar 8,487 Super User 2026 Season 1 on at

Like (1)

Report
Copy link

Link copied!
In a basic form the messages get written to the DIV "ValidationSummaryEntityFormControl_EntityFormView",
The DIV exists by default but initially its display is set to "none"
The DIV gets the errors populated in it and its shown
You will need to monitor the DIV (or find another trigger for your code e.g. your code added to the validator triggers after the OOTB validations) to see if it is either visible or nodes have been added to it
One way (but there may be others) is to use MutableObservers
https://usefulangle.com/post/356/javascript-detect-element-added-to-dom
When a new error is added to the DOM it includes an LI and Anchor tag that contains
the "id" of the Label for the respective field in question as the href (and also a control id).
the message
You could do something like
$('#ValidationSummaryEntityFormControl_EntityFormView ul li a'); to get a collection or
$('#ValidationSummaryEntityFormControl_EntityFormView ul li a').each(function(){ // do stuff });
You would extract the message, and then append it to a relevant DOM node based on the 'id'/controlid using something like jquery's
for the message: .text
for the id: .attr('href') or .attr('referencecontrolid')
format your output then use something like .append() on the node that is the id or another one close to it.

(Note: depending on the situation you may also have added additional metadata validation - this generally occurs after the Validator )

You would generally put your JS in the Basic Forms->Additional Settings tab in the provided Custom JavaScript field

Was this reply helpful? Yes No
Narendra Sunkara 47 on at

Like (0)

Report
Copy link

Link copied!

Hi @Fubar
Thanks for your reply.
This looks so much clumsy for me, Can you please provide any code examples with some screenshots, that would be really helpful

Regards,
Babu

Was this reply helpful? Yes No
Fubar 8,487 Super User 2026 Season 1 on at

Like (1)

Report
Copy link

Link copied!

@naren_vijaya sorry not going to provide code for this - it is not a standard nor a simple couple of line customization. What I have provided is enough info for you to know that technically something should be possible, a rough outline of how it could be done with enough keywords for you to do further research or engage someone else to put it together.

Was this reply helpful? Yes No
oliver.rodrigues 9,455 Most Valuable Professional on at

Like (0)

Report
Copy link

Link copied!

@naren_vijaya the idea of the forum is for us to guide you on the direction of the implementation/configuration to achieve what you need.

try to follow Fubar's steps mentioned above and if you run into problems, please let us know

Was this reply helpful? Yes No