How to allow multi-line in Android's EditText view?
By default all the EditText widgets in Android are multi-lined.
Here is some sample code:
<EditText
android:inputType="textMultiLine" <!-- Multiline input -->
android:lines="8" <!-- Total Lines prior display -->
android:minLines="6" <!-- Minimum lines -->
android:gravity="top|start" <!-- Cursor Position -->
android:maxLines="10" <!-- Maximum Lines -->
android:layout_height="wrap_content" <!-- Height determined by content -->
android:layout_width="match_parent" <!-- Fill entire width -->
android:scrollbars="vertical" <!-- Vertical Scroll Bar -->
/>
You may find it better to use:
<EditText
...
android:inputType="textMultiLine"
/>
This is because android:singleLine is deprecated.
This works for me, actually these 2 attributes are important: inputType and lines. Besides, you may need a scrollbar, the code below shows how to make one:
<EditText
android:id="#+id/addr_edittext"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="top|left"
android:inputType="textEmailAddress|textMultiLine"
android:lines="20"
android:minLines="5"
android:scrollHorizontally="false"
android:scrollbars="vertical" />
This is how I applied the code snippet below and it's working fine. Hope, this would help somebody.
<EditText
android:id="#+id/EditText02"
android:gravity="top|left"
android:inputType="textMultiLine"
android:layout_height="wrap_content"
android:layout_width="wrap_content"
android:lines="5"
android:scrollHorizontally="false"
/>
Cheers! ...Thanks.
EditText has singleLine property. You can set in the XML or by calling setSingleLine(false);
http://developer.android.com/reference/android/widget/TextView.html#setSingleLine%28%29
Try this,
add these lines to your edit text view, i'll add mine. make sure you understand it
android:overScrollMode="always"
android:scrollbarStyle="insideInset"
android:scrollbars="vertical"
<EditText
android:inputType="textMultiLine"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/editText_newprom_description"
android:padding="10dp"
android:lines="5"
android:overScrollMode="always"
android:scrollbarStyle="insideInset"
android:minLines="5"
android:gravity="top|left"
android:scrollbars="vertical"
android:layout_marginBottom="20dp"/>
and on your java class make on click listner to this edit text as follows, i'll add mine, chane names according to yours.
EditText description;
description = (EditText)findViewById(R.id.editText_newprom_description);
description.setOnTouchListener(new View.OnTouchListener() {
#Override
public boolean onTouch(View view, MotionEvent motionEvent) {
view.getParent().requestDisallowInterceptTouchEvent(true);
switch (motionEvent.getAction() & MotionEvent.ACTION_MASK){
case MotionEvent.ACTION_UP:
view.getParent().requestDisallowInterceptTouchEvent(false);
break;
}
return false;
}
});
this works fine for me
android:inputType="textMultiLine"
This code line work for me. Add this code you edittext in your xml file.
Just add this
android:inputType="textMultiLine"
in XML file on relevant field.
if some one is using AppCompatEditText then you need to set inputType="textMultiLine" here is the code you can copy
<androidx.appcompat.widget.AppCompatEditText
android:padding="#dimen/_8sdp"
android:id="#+id/etNote"
android:minLines="6"
android:singleLine="false"
android:lines="8"
android:scrollbars="vertical"
android:background="#drawable/rounded_border"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="#dimen/_25sdp"
android:layout_marginTop="32dp"
android:layout_marginEnd="#dimen/_25sdp"
android:autofillHints=""
android:gravity="start|top"
android:inputType="textMultiLine"
/>
for background
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle"
xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="#dimen/_5sdp"/>
<stroke android:width="1dp" android:color="#C8C8C8"/>
</shape>
All of these are nice but will not work in case you have your edittext inside upper level scroll view :) Perhaps most common example is "Settings" view that has so many items that the they go beyond of visible area. In this case you put them all into scroll view to make settings scrollable. In case that you need multiline scrollable edit text in your settings, its scroll will not work.
To disable number of lines that was previously assigned in theme use xml attribute: android:lines="#null"
<EditText
android:id="#id/editText" //id of editText
android:gravity="start" // Where to start Typing
android:inputType="textMultiLine" // multiline
android:imeOptions="actionDone" // Keyboard done button
android:minLines="5" // Min Line of editText
android:hint="#string/Enter Data" // Hint in editText
android:layout_width="match_parent" //width editText
android:layout_height="wrap_content" //height editText
/>
I learned this from http://www.pcsalt.com/android/edittext-with-single-line-line-wrapping-and-done-action-in-android/, though I don't like the website myself. If you want multiline BUT want to retain the enter button as a post button, set the listview's "horizontally scrolling" to false.
android:scrollHorizontally="false"
If it doesn't work in xml, doing it programmatically weirdly works.
listView.setHorizontallyScrolling(false);
Another neat thing to do is to use android:minHeight along with android:layout_height="wrap_content". This way you can set the size of the edit when it's empty, and when the user inputs stuff, it stretches according to how much the user inputs, including multiple lines.
<EditText
android:hint="Address"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:inputType="textMultiLine|textNoSuggestions"
android:id="#+id/edittxtAddress"
android:layout_marginLeft="#dimen/textsize2"
android:textColor="#android:color/white"
android:scrollbars="vertical"
android:minLines="2"
android:textStyle="normal" />
and in Activity to remove "\n" is user press nextline
String editStr= edittxtAddress.getText().toString().trim();
MyString= editStr.replaceAll("\n"," ");
Related
EditText has strange behavior. Whatever I write in it is written in only single line. I am not able write text in a second line (new line).
Why I cannot write text in multiple lines?
Here's my EditText
<EditText
android:id="#+id/tbr_des"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:hint="#string/des"
android:inputType="textCapSentences"
android:textColorHint="#color/text_hint"
android:textColor="#color/text"
android:maxLength="300"
android:layout_margin="10dp"
android:padding="5dp"
android:gravity="start"
android:background="#drawable/edit_text"/>
Whereas my another activity has same EditText with all same attributes, and it lets me write in multiple lines. I'm using LinearLayout in both xml.
EditText of another layout.
<EditText
android:layout_width="match_parent"
android:layout_height="match_parent"
android:hint="#string/des"
android:textColorHint="#color/text_hint"
android:textColor="#color/text"
android:maxLength="300"
android:layout_margin="10dp"
android:padding="5dp"
android:gravity="start"
android:background="#drawable/edit_text"/>
I also tried android:singleLine="false" but doesn't work.
Use textCapSentences|textMultiLine as its inputType
<EditText
...
android:inputType="textCapSentences|textMultiLine"
... />
By default all the EditText widgets in Android are multi-lined.
Here is some sample code:
<EditText
android:inputType="textMultiLine" <!-- Multiline input -->
android:lines="8" <!-- Total Lines prior display -->
android:minLines="6" <!-- Minimum lines -->
android:gravity="top|left" <!-- Cursor Position -->
android:maxLines="10" <!-- Maximum Lines -->
android:layout_height="wrap_content" <!-- Height determined by content -->
android:layout_width="fill_parent" <!-- Fill entire width -->
android:scrollbars="vertical" <!-- Vertical Scroll Bar -->
/>
The problem occurs due to
android:inputType="textCapSentences"
if you remove this your code will work fine as you expected.
I am reading data from file buffer and storing it into a string. I am loading the same string by setext to editText component. However knowing multiple lines it is displaying entire file into only a single line. My xml file is as below:
<ScrollView
android:id="#+id/scrollView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/btnlogclear"
android:layout_toRightOf="#+id/btnemaillog" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="224dp"
android:orientation="vertical" >
<EditText
android:id="#+id/editLog"
android:layout_width="wrap_content"
android:layout_height="177dp"
android:ems="10"
android:enabled="false"
android:gravity="left|top"
android:inputType="textMultiLine"
android:scrollbars="vertical"
android:scrollHorizontally="false" >
<requestFocus />
</EditText>
</LinearLayout>
</ScrollView>
It is still showing a single line.
Any clues to solve the issue.
Abhimoh
Use this in the xml:
android:inputType="textMultiLine" <!-- Multiline input -->
android:minLines="6" <!-- Optional min number of lines -->
android:maxLines="10" <!-- Optional max number of Lines -->
Use
android:layout_height="wrap_content"
for LinearLayout and
android:layout_height="wrap_content"
for EditText
Change the height of LinearLayout to wrap_content so that EditText will get enough space to expand.Now the EditText can only extend upto 224dp. I think that's the reason why EditText is not showing multiple lines.
I finally managed it by using textview and setMovementMethod(new ScrollingMovementMethod());
Thanks guys for help! Closing this post
I want to have a EditText view that is five lines high. I want it five lines high for visual appeal reasons only (so that it does not appear cramped). The code below does not work, the EditText appears only one line high.
I have tried multilinetext and it works visually, however I want to abandon it as I want the virtual keyboard to say "Next" (rather than have the enter key that is automatically provided with multiline text)
How can I make my EditText box bigger? Alternatively, how can I use the imeOption "actionNext" with multiline text?
This code does not work...
<EditText
android:id="#+id/etEdit"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="top"
android:inputType="text"
android:lines="5" //this has no effect!
android:imeOptions="actionNext"
style="#style/dialogInput" />
Change:
android:inputType="text"
to:
android:inputType="textMultiLine"
Works for me!
<EditText
android:id="#+id/etEdit"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="top"
android:inputType="text"
android:lines="5" //this has no effect!
android:imeOptions="actionNext"
style="#style/dialogInput"
android:singleLine="false" />
android:singleLine="false" will make editText to support multiple lines
On the other hand, you can try to use a line-break on text string to display, this is the tip: http://xjaphx.wordpress.com/2011/07/15/set-line-break-in-textview/
and of course, you must set:
android:singleLine="false"
Change:
android:inputType="text"
To:
android:inputType="textImeMultiLine"
If that doesn't work then change:
android:inputType="text"
To:
android:inputType="textMultiLine"
and delete:
android:imeOptions="actionNext"
style="#style/dialogInput"
By default my EditText has next view:
<EditText android:layout_height="wrap_content" android:paddingLeft="10dip"
android:layout_width="wrap_content" android:gravity="center_vertical"
android:inputType="textShortMessage"
android:id="#+id/search_string" android:background="#drawable/search_text_bg">
<requestFocus></requestFocus>
</EditText>
When I input text to it, it changes self size and background stretches. how to avoid it?
There are some attributes you need to set:
If you want to have single line edit text then do:
android:singleLine="true"
If you want to define maximum lines for edit text then do:
android:maxLines="3"
One simple solution is to have android:layout_width="match_parent" and android:singleLine="true"
android:layout_width="match_parent"
OR
android:layout_width="fill_parent" // deprecated
OR
android:layout_width="50dip" // Manually assign any width you want.
How to make an EditText look like a TextView that is done in Java but not in XML..
I have seen how to do it using xml file like
style="#android:style/Widget.TextView"
android:editable="false"
android:cursorVisible="false"
android:longClickable="false"
but i want this to be done in java because i am not using any xml file for the layout..
everything is done in code itself ..
I am trying to use GestureListener in my code .. it worked fine for TextView but not EditText
So, anything to do for the EditText so that the GestureEvents can be implemented ?
Thanks,
EditText Et; // initialize your edittext//
Et.setCursorVisible(false);
Et.setLongClickable(false);
Et.setClickable(false);
Et.setFocusable(false);
Et.setSelected(false);
Et.setKeyListener(null);
Et.setBackgroundResource(android.R.color.transparent);
And you'll never see it like an EditText again.
add below two line into your edittext xml:
android:focusable="false"
android:inputType="none"
EditText is a subclass of TextView - so except for editing, what applies to TextView applies to EditText as well.
Make EditText behave as a TextView in code
try this
android:longClickable="false"
android:clickable="false"
android:cursorVisible="false"
android:editable="false"
Well I know this was a very old question, but I have to do this one of my apps and came up with a simple approach deduced from all the answers from Google/stack overflow. Suppose u want to make a edit text look like a text view and on button click make it editable, the procedure is as follows:
In your layout, set:
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/txt_postContent"
android:textSize="17sp"
android:gravity="top|left"
android:text="This is a dummy text "
android:layout_below="#+id/img_empimage"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"
android:enabled="false"
android:background="#android:color/transparent"
style="?android:attr/textViewStyle" />
And in your .java set the color of the text by:
yourEditText.setTextColor(Color.parseColor("#000000"));
before entering the onClick of button. And in the onClick of button:
InputMethodManager imm = (InputMethodManager) getSystemService(Context.INPUT_METHOD_SERVICE);
imm.showSoftInput(postContent, InputMethodManager.SHOW_IMPLICIT);//shows keyboard
int position = postContent.length();
Editable text = postContent.getText();
yourEditText.setBackground(getResources().getDrawable(R.drawable.border));//shows a border around your text view making it look like a edit text
yourEditTex.setEnabled(true);//enables the edit text which we disabled in layout file
yourEditTex.setCursorVisible(true);
Selection.setSelection(text,position-1);`//places the cursor at the end of the text
Now to make the edit text show again as a textView, on the onClick of another button:
String s = postContent.getText().toString();
yourEditText.setText(s);
yourEditText.setEnabled(false);
yourEditText.setTextColor(Color.parseColor("#000000"));
yourEditText.setBackground(null);`
My answer covers two or three questions combined, but I hope it'll be helpful.
This is perfect way to make EditText as TextView.
Use in your EditText.
<EditText
android:id="#+id/editTextPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="none"
android:enabled="false"
android:focusable="false"
android:clickable="false"
android:longClickable="false"
android:inputType="none"/>
Just add an border to EditText :
First Of all add an border.xml in Resources/Drawable
<?xml version="1.0" encoding="utf-8" ?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<solid android:color="#ffffff" />
<stroke android:width="1dip" android:color="#000000"/>
</shape>
Second step :
add android:background="#drawable/border" to TextView
<TextView
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="wrap_content"
android:inputType="date"
android:layout_column="1"
android:id="#+id/dateFromTextView"
android:layout_marginRight="3dp"
android:background="#drawable/border"
android:textAppearance="?android:attr/textAppearanceLarge"
android:layout_gravity="center"
android:gravity="center" />
Make EditText behave as a TextView in code
try this
In your layout, set:
<EditText
android:id="#+id/editTextPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:layout_marginBottom="8dp"
android:inputType="none"
android:imeOptions="actionDone"
android:enabled="false"
style="?android:attr/textViewStyle" />
This was all I needed to create the effect.
In code:
ET.setFocusable(false);
And in layout:
android:background="#android:color/transparent"
Setting the background in the layout completely removes the under bar, as apposed to just hiding it in code.
Make it editable again with:
ET.setFocusableInTouchMode(true);