asked on

Method to grow InfoPath rich text fields equally to match the size of the largest field

I'm building a form in InfoPath 2013. The "Agenda" section consists of a section which contains a 1 x 4 table and in each cell of the table there is a rich text field. The table height is set to Auto, the rich text boxes have word wrap enabled, are set to 50 px as there is no auto setting on a rich text box and Individually they grow in size to accommodate however much an end-user can type.

I'd like all four text fields to grow equally in size, each one proportionate and containing the total number of lines (rows) as the tallest text field. Each of the four columns (a, b, c and d) start out as a single line (row), and If I type 20 lines of text in column c I'm looking for a way to to force columns a, b and d to have 20 lines.

I'm guessing a design change will probably be the answer but maybe you have an idea that would work?
Sample-Agenda.png

Uttam (Kukdai) Dhakal

Not sure it is possible out of the box. If you are familiar with Jquery you can try writing an onchange event on the rich text editor and see if that helps.

Here is an example for changing the height
https://www.aspdotnet-suresh.com/2011/02/how-to-resize-textbox-height.html
you can change the height of other textboxes using this. put that in the editform.aspx or newform.aspx or in a script editor web part inside the page.

So onchange event of each text-editor you find the other textbox with id and update the height as you want.
This looks little complicated but this might be the only way doing it from the client side.
richtexteditorid.png

This question needs an answer!

Become an EE member today

7 DAY FREE TRIAL

Members can start a 7-Day Free trial then enjoy unlimited access to the platform.

View membership options

Learn why we charge membership fees

We get it - no one likes a content blocker. Take one extra minute and find out why we block content.