required and maxlength properties in rich text field | Community
Skip to main content
Kreender
Kreender
Level 2
March 31, 2016
Solved

required and maxlength properties in rich text field

  • March 31, 2016
  • 5 replies
  • 7998 views

I' making a component that required a rich text field in the dialog. It is working, but the properties maxlength and required do nothing for this field. I have them configured properly but I can add any number of characters and save the dialog with no text in my rich textfield. I did the component taking as a base the richtextfield in /libs/foundation/components/text component because it has a rich text inside the dialog similar to the one I need.

I've attached an image with my configuration,

I need to make the maxlegth and required properties work

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 Hemant_arora

The RTE does not support max length and required properties.

Alternatively you can use allowBlank= false for required and for maxlength you can add a listener (validator) on click of OK button of dialog checking the length of the characters entered in RTE and validate accordingly.

5 replies

Kreender
KreenderAuthor
Level 2
March 31, 2016

I need rich text editing capabilities, so using textarea does not solve my problem

smacdonald2008
smacdonald2008
Level 10
March 31, 2016

The RTE in Touch UI is not a granite Data type like TextArea i listed above and does not ahve the same properties. Its a script located here: 

/libs/cq/gui/components/authoring/dialog/componentstyles/componentstyles.jsp

To get this functionality - you would need to overlay the script and modify the application logic to support a max length. 

Hemant_arora
Hemant_aroraAccepted solution
Level 8
April 1, 2016

The RTE does not support max length and required properties.

Alternatively you can use allowBlank= false for required and for maxlength you can add a listener (validator) on click of OK button of dialog checking the length of the characters entered in RTE and validate accordingly.

P
Prashanthy-Madhamshetty
March 8, 2024

allowBlank= false for required how can we add this can yo please help with the screenshot

C
CQ_learner
Level 3
April 1, 2016

Add a property "validateValue" in your rte field and add this function as the value, This is working for me. Change the length in if condition according to your need.

function(field){
var temp=this.getValue();
                                if(temp.length>500){
                                                this.markInvalid("Description should not exceed 500 characters");
                                                return false;
                                }else{
                                                this.clearInvalid();
                                                return true;
                                }
}

Terms & ConditionsAccessibility statement

Loading footer...