Hello,
I have a DIV (div-row-Warranty-Info) with 4 fields in it.
I am trying to hide the entire DIV if the company does not match KSI.
Has anybody been successful doing this?
The screen in question is Serial Number Maintenance, details screen.
Any help is appreciated!
Either give your DIV a custom IDā¦ or at least take note of the one it has:
Then, using an eventā¦ need to figure out your trigger.. but, use a condition to check your KSIā¦ then off the true or false branch (whichever makes sense)ā¦ use a property-set action.
Use your DIVās ID:
Then, in Propsā¦ add the property hidden and a value of true
~~ My Test ~~
Added a DIV and just threw a button inside so something would display.
I then created an onClick event of Button no. 2 in the title bar.
Iām not checking any conditions hereā¦ but just wanted to test the hidden property.
Preview - Before:
After:
Hello,
That was what I have when I tried to do this myslef but it doesnāt hide it.
I want it to trigger when the screen shows the Serial Number Details screen.
I have tried a few trigger points like:
The event triggers and says it set hidden to true.
Is there a way to see an objects current settings like the hidden through the Console?
Here is a snippet from my Console Log:
rowChanged: RowChanged_sysPages actions: [condition]
main.b8b589898f0735be.js:164 action: condition param: {expression: āā{sysPages.epBinding}ā.startsWith(āLandingPageā) && ā{TransView.SysBypassLandingPage}ā != ātrueāā, onSuccess: Array(1)}
main.b8b589898f0735be.js:164 expression: āāā.startsWith(āLandingPageā) && āfalseā != ātrueāā evaluates to āfalseā
main.b8b589898f0735be.js:164 event: MPD_custom_after_RowChanged_sysPages actions: [condition]
main.b8b589898f0735be.js:164 action: condition param: {expression: āā%session.context.company%ā === āKSIāā, onSuccess: Array(1)}
main.b8b589898f0735be.js:164 expression: ācontext.companyā evaluates to āKSIā
main.b8b589898f0735be.js:164 %session.context.company% returned KSI
main.b8b589898f0735be.js:164 expression: āāKSIā === āKSIāā evaluates to ātrueā
main.b8b589898f0735be.js:164 onSuccess: [property-set]
main.b8b589898f0735be.js:164 action: property-set param:
Ctrl + Shift + L will log all components to the console.
In debugger, there is an icon for looking at individual elements. You can click that icon, and then click on an element in your form.
This will switch over to the Elements tab in your dev toolsā¦ and you can see properties there:
Just keep in mind that some elements are layered on top of others. In this case the one I clicked on was NOT the one I wanted.
You can click around in the left hand side to move up/down the layers of elements to find the right one:
After I run my event, I can see that value update to True:
May be easier ways to do thisā¦ but, this has worked for me.
This doesnāt do anything for meā¦ maybe a hotkey I donāt have set up somewhere?
Can you try it on the Serial Number Maintenance Detail screen and have it trigger when you open the Details screen?
That way you are doing what I am doing specifically.
When the f*er doesnāt work, press CTRL + K, and type Lo, you should see āLog All Component Modelsā
FFS Epicor, make hotkeys configurable
I think I had to click in the form and not the console to get this to work. Then again, you may all tell me:
Well, I am baffled.
What version of Epicor are you running?
We are Gov Cloud version 2025.2.10
Maybe a version fix?
It should work for 2025.2. As a plan B you could try a row rule. You;d have to put the div inside a container having an epBinding property such as a panel-card. Then condition your rule off Constant.CompanyID = āYourCoā
Like this where TransView.HidePanel is the epBinding property value of the panel youāre hiding:
Iām on 2026.100.7
Looks like Plan B is working but a bit ugly.
I am going to poke at Plan A some more to see if there was something I was overlooking yesterday.
If you have any other thoughts/ideas, I am definately open to them.
