Break output to next line in Calculated Field

  • Resolved mjunes

    (@mjunes)


    3 years, 5 months ago

    Hello,

    I have some calculated fields in my form, which outputs very long string. When visited from mobile devices, the output overflows inside the field itself and cannot be viewed unless swiped on the field. I need the overflow output to break to the next line of the field (making the field larger in height). I tried some css but nothing works. Any help would be appreciated. Thank you.

Viewing 1 replies (of 1 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @mjunes

    The calculated fields use input tags, and the input tags don’t wrap or support multiline texts.

    So, the solution would be to use the calculated field as an auxiliary but display the result in another field.

    The easier solution:

    * Insert a “Summary Field” in the form that includes the calculated field.

    * Tick the “Hide Field From Public Page” checkbox in the settings of the calculated field to hide it.

    The second alternative:

    * Insert an “HTML Content” field where display the result with a div tag as its content, similar to:

    <div class="result-here"></div>

    * Edit the equation associated with the calculated field to display the result in the previous tag. For example, if your current equation is CONCATENATE(fieldname1, fieldname2, fieldname3) you should edit it as follows:

    (function(){
var result = CONCATENATE(fieldname1, fieldname2, fieldname3);
jQuery('.result-here').html(result);
return result;
})()

    * Finally, hide the calculated field (it is being used as an auxiliary).

    Best regards.

Viewing 1 replies (of 1 total)
  • The topic ‘Break output to next line in Calculated Field’ is closed to new replies.