Size Styling
Business Background
Change the size of the root on an input element.
How to Guide
Use the Size option to customize elements in Web projects.
| # | Option | Function |
|---|---|---|
| 1 | Width and Height | The width option allows you to adjust the value of the element’s width and/or height. |
| 2 | Inherit from styles | This option allows you to inherit style from other elements except for the size. |
| 3 | Auto-resize height | The Auto-resize height checkbox allows you to resize the element according to the height of the contents vertically. |
| 4 | Auto-resize width | You can use the Auto-resize width checkbox to resize the element according to the width of the contents horizontally. |
| 5 | Min and Max Height | You can adjust the minimum or maximum height in the fields. |
| 6 | Min and Max Width | You can adjust the minimum or maximum width in the fields. |
Real-Life Example of How to Configure Size
Join us as we examine one of the many ways you can style an input element using the Size setting. Alternatively, contact us today if you have a specific business use case in mind.
The example below shows how to change the size of the root.
- Click the Input Styling icon to open the Styling panel.
- Click on the Size option.
- Change the width and/or height.
- Click the Advanced option for more size settings.
- Click the Auto-resize height checkbox. The element was resized according to the height of the contents
- Click the Auto-resize width checkbox. The element was resized according to the width of the contents.
- Configure the minimum and/or maximum height and/or width.
Hidden Title
Was this information helpful?
Let us know so we can improve!
Need more help?
Book Demo