Question
Can I use Live UI to inspect a manually generated UI/HTML rule?
In Pega 7.1.8, I am trying to use Live UI to inspect the work object breadcrumb trail. However, the section containing the breadcrumb trail seems to be invisible to Live UI. In this screenshot, note that the cursor is hovering over the link Find or Create Applicant in the breadcrumb trail.
The closest elements that Live UI highlights are the Label "Fax Number" above the cursor and the Container element below. In fact, the breadcrumb trail is defined by the section Work-.ProcessSteps in Pega-ProCom:07-10-01. It is manually generated.
It seems the Live UI cannot "see" the section ProcessSteps. After a bit of experimenting, I noticed that Live UI also does not seem to see the manually generated section Work-.Action.
Conclusion it appears that Live UI does not recognize manually generated HTML rules. True?
In Pega 7.1.8, I am trying to use Live UI to inspect the work object breadcrumb trail. However, the section containing the breadcrumb trail seems to be invisible to Live UI. In this screenshot, note that the cursor is hovering over the link Find or Create Applicant in the breadcrumb trail.
The closest elements that Live UI highlights are the Label "Fax Number" above the cursor and the Container element below. In fact, the breadcrumb trail is defined by the section Work-.ProcessSteps in Pega-ProCom:07-10-01. It is manually generated.
It seems the Live UI cannot "see" the section ProcessSteps. After a bit of experimenting, I noticed that Live UI also does not seem to see the manually generated section Work-.Action.
Conclusion it appears that Live UI does not recognize manually generated HTML rules. True?
NOTE This is a branch from the discussion How can I figure out which part of a Pega skin applies to a given element on screen? and a comment from Brendan Horan
Accepted Solution
Pegasystems Inc.
US
True. The Live UI inspector is built with the design to inspect sections built using the auto-generated controls.
As you certainly seem savvy to UI coding, I am tagging Maxwell DeAngelis, in case he might be able and available to give a little more technical insight into what the inspector can and can't see, and what exactly it is inspecting.
As it relates to the discussion this post spun off, I guess there is one element of the styling hierarchy I left out, non-auto-generated sections. While the inspector wasn't able to give you specific element, it led to the hard-coded section. So I think the next place to look is how the breadcrumb styling is hard-coded in that section's code.
Thanks.
B.