multiline TextField - floating label
Moshe
When using TextField in multiLine mode, the floating label does is not located on the left. It does not seems to appear on the documentation example, but when applying the code given there, this is what happens:
<TextField
hintText="Message Field"
floatingLabelText="MultiLine and FloatingLabel"
multiLine={true}
rows={2}
/>
this does not happen then not using the multiLine mode.
CaseyC
You can fix this easily by using the style property of the <TextField/> component like this.
<TextField
style={{textAlign: 'left'}}
hintText="Message Field"
floatingLabelText="MultiLine and FloatingLabel"
multiline
rows={2}
/>
Hope this helps. If that doesn't work than it's likely that you have another style rule interfering with your <TextField/>.
Collected from the Internet
Please contact [email protected] to delete if infringement.
edited at
- Prev: Using crypto-js to encrypt password and send form via ajax (and decrypt in java), I get : TypeError: Cannot read property 'words' of undefined
- Next: What is considered high memory usage in an iOS app?
Related
Related Related
- 1
Multiline label in UIStackView
- 2
Multiline Label On UIButton Swift
- 3
CCLabelTTF multiline label not working
- 4
Floating label on top inputs
- 5
TextInputLayout floating label gravity
- 6
Autosizing textfield label in ExtJS
- 7
Replace a selected Label with a TextField
- 8
showing floating numbers in TextField in javafx
- 9
Dynamically adding multiline label in a view
- 10
How to make multiline label with Eureka
- 11
QML Label max width & multiline
- 12
Dynamically adding multiline label in a view
- 13
change label colors on floating labels
- 14
How do I create a multiline TextField in SwiftUI?
- 15
Display multiline error in Materials-UI TextField
- 16
How to superscript a label in Vuetify textfield
- 17
Multiply label with numbers with textfield with numbers
- 18
Bootstrap textfield button add on with label
- 19
Copiable Label/TextField/LabeledText in JavaFX
- 20
Copiable Label/TextField/LabeledText in JavaFX
- 21
Hiding a Textfield and its Label in Javascript
- 22
update Label with Textfield inside UICollectionViewCell
- 23
Codenameone:Unable to set floating hint to textfield
- 24
Custom cell to display multiline label using UITableViewAutomaticDimension
- 25
Get frame of word in a substring in a multiline label
- 26
How To Make A Multiline Data Label In A Bar Chart?
- 27
Android - reduce EditText floating label padding/margin?
- 28
How to change the floating label color of TextInputLayout
- 29
Angular floating input label to use typeahead
Comments