How Do I Auto Grow a Large Text Box Width when Focused?

How Can We Help?

< Back

Answer

The end users want the ability for a large text box to auto grow to a width then focused and then shrink back when not focused.

With no text box focused:

text-box_not_focused

With a text box focused:

text-box_focused

The above was achieved using a custom style sheet for the activity due to the layout requirements.

The following was added;

< style >
textarea {
resize: horizontal;
width: 200px;
}
textarea:active {
width: auto;
}
textarea:focus {
min-width: 200px;
}
< /style >

The above can also be added to the main site CSS if the option is required across the site versus a specific activity.

Comments are closed.

This is the legacy version of the XMPro Documentation site. For the latest XMPro documentation, please visit documentation.xmpro.com

X