Form widget doesn't show content when field is defined as rich text

[petersioufi]

We're on latest 6.3.20260615.0 Valnce build and just built new app including a form widget. When defining the fields in the form all content appears and one of these is HTML which shows correctly in the designer. However, when you run the app, all fields appear with content except the field defined as "rich text". The content is very simple and we've tried a variety of scenarios, all show blank. Even placeholder text when field is empty doesn't display the placeholder text.

If we make the HTML field non-editable, the content then shows in the form but it's not formatted correctly.

Peter

[petersioufi]

I checked the Errors App and it says this when rendering the form..

NAB0001 - Uncaught ReferenceError: Quill is not defined

Call stack
ReferenceError: Quill is not defined
at Object.createEditor (https://sys.smeg.com.au:6060/build/p...3642:1:1398323)
at ctor.onReady (https://sys.smeg.com.au:6060/build/p...3642:1:2253258)
at h (https://sys.smeg.com.au:6060/build/p...03642:1:202257)
at Object.elevate (https://sys.smeg.com.au:6060/build/p...103642:1:79535)
at c (https://sys.smeg.com.au:6060/build/p...2:1:112427)?

[Johnny Major]

Hi Peter,

Once you're in the portal, open the developer tools, go to the Network tab, then launch the application in question. Navigate to the point where the form appears. Do you see a network request that includes "quill.min.js" in the name? This call pulls in a resource from the IFS on the current Valence instance, specifically from the folder /resources/utils/quilljs.

We were unable to replicate the issue you're describing. We tested by placing a form with a rich text editor in the main section as well as a form as a popup, and both worked without issue.

Where does the form live in the application where you're experiencing this?

Thanks?

[petersioufi]

Hi Johnny,

In developer tools I can see the call to vvdatasrc with action "getData". This returns the data for the form, including the HTML code, as well as the metadata fields. The next call is for vverrors with action logFrontEndError. The payload says that Quill is not defined.

Before that, there is a "_dc 20260615103642" call where it defines the call to quill. The response for quillmin.js is:
loadQuillJs: function() {
var b = Ext.create('Ext.Deferred')
, d = '/resources/utils/quilljs/'
, e = '?_dc=2021090801'
, c = function(a) {
return d + a + e
};
if (typeof Quill === 'undefined') {
var a = document.createElement('link');
a.setAttribute('rel', 'stylesheet');
a.setAttribute('type', 'text/css');
a.setAttribute('href', c('quill.snow.css'));
document.getElementsByTagName('head')[0].appendChild(a);
Valence.query.util.Helper.loadAdditionalResource([c('quill.min.js')], null, !0).then(function(a) {
b.resolve()
})
} else {
b.resolve()
}
return b
}?

It's not clear what to try next but happy for an interactive session and you can drive.

Peter

[Johnny Major]

Where does the form live in the application? Popup/section or in a utility container like tab container or vertical etc..

[petersioufi]

I tried both with the same result. Currently I've left it as a popup.

I checked "/valence6d/resources/utils" folder which is our DEV instance. It has both directories quillsjs and quillsParser. They also appear in our Production instance "/valence6d".

Is it worth re-installing the latest build? I don't know if I can update the DEV instance from the latest build since it would be the same version number being the current latest.

[petersioufi]

Actually, I have another different app that has popup with HTML editor in DEV instance from before. That one works fine! Maybe its the way NAB built the definition for rich text in the latest version? I'm afraid to update the App that works in case it gets corrupted.

[petersioufi]

This is really intriguiging now. We have two files basically holding a "message" field (2k, varlen). They are very simple and similar. When we build the same App showing list of redords and a form for editing the message in HTML, one works as per your test but the other consistently doesn't. Here are the two file layouts, the App is very basic and we are not even up to the point of saving the data, the error comes before that. Incidentally, same error occurs in our production Valence version 6.3.20260421.0.

File that works:
R ORADMF00R TEXT('Welcome page messages')
AMMSGID 9B 0 COLHDG('Message ID')
AMMSGTYP 3 COLHDG('Msg Type')
AMFRDT L COLHDG('From Date')
AMTODT L COLHDG('To Date')
AMPTY 1 COLHDG('Priority')
AMIMG 100 COLHDG('Image URL')
AMMORE 100 COLHDG('More URL')
AMTTL 100 COLHDG('Title') VARLEN(50)
AMMSG 2000 COLHDG('Message') VARLEN(100)
K AMMSGID?

File that doesn't work
R ORSELT00R
STTPLSEQ 5 0 COLHDG('SEQ')
STTPLNME 50 COLHDG('TEMPLATE NAME')
STEMLTO 100 COLHDG('EMAIL TO') VARLEN
STEMLCC 100 COLHDG('EMAIL CC') VARLEN
STEMLSBJ 100 COLHDG('EMAIL SUBJECT') VARLEN
STEMLBDY 2000 COLHDG('EMAIL BODY') VARLEN
K STTPLSEQ??

[sean.lanktree]

This will be fixed in the next 6.4 update.