Form Checkbox Customization Story | Community
Skip to main content
A
Anonymous
October 16, 2015
Solved

Form Checkbox Customization Story

  • October 16, 2015
  • 5 replies
  • 850 views

I am working on customizing the Form Checkbox Group. This form checkbox group basically contain a multified where you can add number of checkboxes. This multified is of default text-field type. The need is to replace this textfield to a rich-text, so that the text in it will have the rich text capabilities. I have edited the checkbox component and added a field-config node of cq:Widget type and xytpe rich-text. On dialog level the textfield got replaced with richtext which in case is the need. 

The problem is after refresing the page, first time on editing the dialog the rich text works ok. But on editing second time it throws a JS error Uncaught Type error: cannot set property ‘value ’of undefined on richtext.js available at /libs/cq/ui/widgets/source/widgets/form/RichText.js.

 

This was the one work around I did, but got stuck. Is there any other work around for this or any solution approach to handle this error.

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by Sham_HC

That is expected. You need to implement additional customization to rendering HTML with Javascript or other means.

5 replies

smacdonald2008
smacdonald2008
New Participant
October 16, 2015
Did you solve this issue?       
Sham_HC
Sham_HC
New Participant
October 16, 2015

Overlay [1] for the method syncValue & replace [2] with [3].

[1] /libs/cq/ui/widgets/source/widgets/form/RichText.js

[2] this.el.dom.value = html;

[3] if(this.el.dom){this.el.dom.value = html;}

A
Anonymous
October 16, 2015

Hi Sham,

Thanks for the reply, I already did what you are saying. The error got removed, but another problem which came is it writes down the html tag attribute with text itself on the page. For eg. my text is 

"Please confirm something something. Also please check asdf asd asda dthe dada" .

But the text rendered on page is with p tag.

"<p>Please confirm something something. Also please check asdf asd asda dthe dada</p>"

and if I marked some text as bold the result is

<p>Please confirm that<strong> something something</strong> are for the mortgage you've chosen. Also please check asdf asd asda dthe dada</p>

A
Anonymous
October 16, 2015

No. Its still pending.

Sham_HC
Sham_HCAccepted solution
New Participant
October 16, 2015

That is expected. You need to implement additional customization to rendering HTML with Javascript or other means.

Terms & ConditionsAccessibility statement

Loading footer...