cancel
Showing results for 
Search instead for 
Did you mean: 

Text Input Control - auto height property required

At the moment if you have a text input control set to multiline, there is no easy way to make the text input box grow and shrink in height to accomodate the text entered. All that happens if you enter more text is that a scrollbar appears.  What is required is a "AutoHeight" property.

 

I think this is a fundamental requirement for a form.

Status: Under Review

Truly appreciate workaround provided by @mr-dang. Also adding @FilipK to comment on roadmap feasibility.

 

Thank you,

Audrie

Comments
Level 10

Ah, good idea--kudos. I actually have a work around for this one in the mean time. I used this solution for typing new tasks into a Gantt Chart app. It is particularly important for mobile devices that do not have as much screen space.

 

Here's a video on how to make a TextInput field have 'auto-height':

https://youtu.be/Rh20he80OLA

 

And here's an app file with the same solution:

https://1drv.ms/u/s!AvtvG5BA8E3vj7ZW09dR3q1-d-MpUQ

 

Big idea: use a label's autoheight property and text content to benefit other controls that don't already have it.

 

Steps:

  1. Insert a label.
  2. Insert a text input field.
  3. Make the label's autoheight property set to:
    true
  4. Make the label have the same text content as the text input field.
    TextInput1.Text
  5. Make the text input field the same height as the label.
    Label1.Height
  6. Make the text input field have a minimum height if there is nothing typed in.
    Max(70,Label1.Height)
  7. Hide the label (make its Visible property false) or obscure it below the text input field.

 

Let me know if this helped.

 

Brian

 

_

Super User

 Hi Mr-Dang, 

 

I followed your work around, however when I set the label.visible to false, the text box loses its autoheight capability and collapses. 

 

Am I doing something wrong? 

 

Thanks

Level 10
@ericonline wrote:

Hi Mr-Dang,

 

I followed your work around, however when I set the label.visible to false, the text box loses its autoheight capability and collapses.

 

Am I doing something wrong?

 

Thanks


 

Hi Eric,

I was able to replicate your issue when I made the label control hidden. As this is a work around and not a permanent solution, I suggest going with the other method of covering the label with the text input control. Another method would be to make the text color of the label to RGBA(0, 0, 0, 0) so that it is transparent.

 

Thank you for pointing this out

 

 

__

Level: Powered On

This workaround is great but it requires double the controls, which seems to potentially create a performance hit for the app especially if used repeatedly or in a gallery. Actual support for TextInput.AutoHeight would still be an excellent feature.

Level: Powered On

Great idea - The purpose of auto-height expanding text field would be useful not just for entering text but for when people open a form in display mode in SharePoint as well.  

 

Power Automate Staff
Status changed to: Under Review

Truly appreciate workaround provided by @mr-dang. Also adding @FilipK to comment on roadmap feasibility.

 

Thank you,

Audrie

Level: Powered On

@Audrie-MSFT Any progress on whether this feature will be implemented?  Its been "under review" since May 2018.  It would be an invaluable feature.