OPA 12 – Custom Styles and JavaScript visualization

Whilst it is clear that over-customized Oracle Policy Modeler Interviews runs counter to the spirit and goals of having packaged software provide dematerialized interviews out of the box, it can and will be necessary to personalize the content of the interview to match for example the graphical standards of the customer’s own website or other applications.

In Oracle Policy Modeler, such customization is achieved in the Interview Tab, under the Styles Button.

OPA 12 - Styles Dialog

We can also add custom JavaScript or CSS files by clicking the Custom Files… button at the bottom left. Obviously we want to be able to review the HTML and CSS content of our interview. However, when we run the Debugger, the Embedded Web Browser that is used (essentially an embedded Internet Explorer) does not have the different debugging options we would expect – for example, there is no View Source option on the Context Menu in the OPA 12 Debugger. This can be quite irritating since you want to view the output HTML. You can improve your situation by doing the following (this involves changing the Windows Registry and you should not do that unless you are comfortable with it, and I will not be held responsible for anything you do). Add a new Registry Key under this existing key:

HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer

You will need to add another couple of Keys:
OPA 12 - Change View Source

In the above example I have implemented Notepad ++ as the default viewer for Source from Internet Explorer (this works in the Embedded Web Browser too). Now I can right-click the debugger of OPA 12 and select View Source, and open the file in Notepad ++.

OPA 12 - View Source Option

And the file opens for viewing and consultation. This can be useful for learning about the different CSS classes as well as simply understanding how the HTML files actually work.

OPA 12 - HTML Source

Have a good day and see you soon