Text box rows to display | Skuid Support Community

I have custom rich text area field and when I added to my page it shows only one skinny line. I'm able to add text in the text box and it expands but I'm trying to display it with a 10 rows even if the field has no data. I have set the "Rows to display" property to 10 but it has no impact on how the text box is displayed.

Image: https://d2r1vs3d9006ap.cloudfront.net/s3_images/1284143/RackMultipart20150928-8151-te0xfd-Image_968_inline.jpg?1443452234

Image: https://d2r1vs3d9006ap.cloudfront.net/s3_images/1284143/RackMultipart20150928-8151-te0xfd-Image_968_inline.jpg?1443452234

Jason C

682 Points

Posted 3 years ago

3 years ago

J., Official Rep

7,714 Points

Jason,

The "Rows to Display" property actually shouldn't show up for Rich Text fields. Since you can change the size of the fonts within a Rich Text area, the idea of a consistent unit called "row" is a bit problematic. We'll log this as a bug and get the property removed in a future update.

Now, as to why the text area is showing as a single thin line at the start, that's an odd one. Which browser are you using? What version of Skuid are you running? Do you have any errors in your JavaScript console?

Comment

3 years ago

Matt Sones, Champion

31,702 Points

Is there any way to ensure that a rich text field box is at least a minimum height initially?

Comment

2015-10-01T18:30:37+00:00

Matt Sones, Champion

31,702 Points

yes, there is:

.nx-richtext-input {
    min-height: 5em;
}

3 years ago

Jason C

682 Points

J, We are on Skuid release 7.12 and I'm using Firefox.

Comment

3 years ago

Jason C

682 Points

Hey J, I just checked in Chrome and it displays a single line correctly. So it seems like a bug in Firefox.

Thanks for the css Matt I will try that out.

Comment