Switch inside TextInputLayout
I would like to accomplish the task shown in the two images below; more precisely, be able to "extend" somehow the TextInputLayout to the Switch so that it is included in the forementioned layout, along with the TextInputEditText.
All tries I have done so far have failed me.
The XML code for one item is listed below:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/blue_grey_800"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"/>
</LinearLayout>
And here are the two images (image 1 is how it's currently presented and image 2 is what I would like to accomplish - see Linkedin). Though, not sure if it's possible to do this.
android layout textinputlayout
add a comment |
I would like to accomplish the task shown in the two images below; more precisely, be able to "extend" somehow the TextInputLayout to the Switch so that it is included in the forementioned layout, along with the TextInputEditText.
All tries I have done so far have failed me.
The XML code for one item is listed below:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/blue_grey_800"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"/>
</LinearLayout>
And here are the two images (image 1 is how it's currently presented and image 2 is what I would like to accomplish - see Linkedin). Though, not sure if it's possible to do this.
android layout textinputlayout
Do you simply want a border around both theEditText
andSwitch
?
– Jantzilla
Nov 21 '18 at 3:36
add a comment |
I would like to accomplish the task shown in the two images below; more precisely, be able to "extend" somehow the TextInputLayout to the Switch so that it is included in the forementioned layout, along with the TextInputEditText.
All tries I have done so far have failed me.
The XML code for one item is listed below:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/blue_grey_800"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"/>
</LinearLayout>
And here are the two images (image 1 is how it's currently presented and image 2 is what I would like to accomplish - see Linkedin). Though, not sure if it's possible to do this.
android layout textinputlayout
I would like to accomplish the task shown in the two images below; more precisely, be able to "extend" somehow the TextInputLayout to the Switch so that it is included in the forementioned layout, along with the TextInputEditText.
All tries I have done so far have failed me.
The XML code for one item is listed below:
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/blue_grey_800"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"/>
</LinearLayout>
And here are the two images (image 1 is how it's currently presented and image 2 is what I would like to accomplish - see Linkedin). Though, not sure if it's possible to do this.
android layout textinputlayout
android layout textinputlayout
edited Nov 21 '18 at 5:25
Jantzilla
5451417
5451417
asked Nov 20 '18 at 22:47
Vanhaeren ThomasVanhaeren Thomas
7319
7319
Do you simply want a border around both theEditText
andSwitch
?
– Jantzilla
Nov 21 '18 at 3:36
add a comment |
Do you simply want a border around both theEditText
andSwitch
?
– Jantzilla
Nov 21 '18 at 3:36
Do you simply want a border around both the
EditText
and Switch
?– Jantzilla
Nov 21 '18 at 3:36
Do you simply want a border around both the
EditText
and Switch
?– Jantzilla
Nov 21 '18 at 3:36
add a comment |
2 Answers
2
active
oldest
votes
Although it's not ideal this is a workaround to get behavior similar to what you're looking for. You can also change or create another border for the Switch
to match an unfocused TextInputLayout
state.
layout.xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/colorPrimaryDark"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:background="@drawable/border"
android:padding="18.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1.5dp"
android:layout_marginStart="-19dp"
android:layout_marginLeft="-19dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"
android:layout_marginRight="10dp" />
</LinearLayout>
border.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<solid android:color="@color/colorAccent" />
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<padding
android:bottom="2dp"
android:top="2dp"/>
</shape>
</item>
<item android:right="10dp">
<shape android:shape="rectangle" >
<solid android:color="#fff" />
<padding
android:right="2dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<solid android:color="#fff" />
</shape>
</item>
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
@VanhaerenThomas I have updated my answer.
– Jantzilla
Nov 21 '18 at 23:05
add a comment |
You can achieved that format with this sample layout.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_margin="10dp">
<EditText
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/background"
android:inputType="text"
android:layout_centerVertical="true"
android:hint="LinkedIn"
android:paddingLeft="5dp"/>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"/>
</RelativeLayout>
Sample screenshot:
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53402744%2fswitch-inside-textinputlayout%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Although it's not ideal this is a workaround to get behavior similar to what you're looking for. You can also change or create another border for the Switch
to match an unfocused TextInputLayout
state.
layout.xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/colorPrimaryDark"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:background="@drawable/border"
android:padding="18.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1.5dp"
android:layout_marginStart="-19dp"
android:layout_marginLeft="-19dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"
android:layout_marginRight="10dp" />
</LinearLayout>
border.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<solid android:color="@color/colorAccent" />
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<padding
android:bottom="2dp"
android:top="2dp"/>
</shape>
</item>
<item android:right="10dp">
<shape android:shape="rectangle" >
<solid android:color="#fff" />
<padding
android:right="2dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<solid android:color="#fff" />
</shape>
</item>
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
@VanhaerenThomas I have updated my answer.
– Jantzilla
Nov 21 '18 at 23:05
add a comment |
Although it's not ideal this is a workaround to get behavior similar to what you're looking for. You can also change or create another border for the Switch
to match an unfocused TextInputLayout
state.
layout.xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/colorPrimaryDark"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:background="@drawable/border"
android:padding="18.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1.5dp"
android:layout_marginStart="-19dp"
android:layout_marginLeft="-19dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"
android:layout_marginRight="10dp" />
</LinearLayout>
border.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<solid android:color="@color/colorAccent" />
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<padding
android:bottom="2dp"
android:top="2dp"/>
</shape>
</item>
<item android:right="10dp">
<shape android:shape="rectangle" >
<solid android:color="#fff" />
<padding
android:right="2dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<solid android:color="#fff" />
</shape>
</item>
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
@VanhaerenThomas I have updated my answer.
– Jantzilla
Nov 21 '18 at 23:05
add a comment |
Although it's not ideal this is a workaround to get behavior similar to what you're looking for. You can also change or create another border for the Switch
to match an unfocused TextInputLayout
state.
layout.xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/colorPrimaryDark"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:background="@drawable/border"
android:padding="18.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1.5dp"
android:layout_marginStart="-19dp"
android:layout_marginLeft="-19dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"
android:layout_marginRight="10dp" />
</LinearLayout>
border.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<solid android:color="@color/colorAccent" />
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<padding
android:bottom="2dp"
android:top="2dp"/>
</shape>
</item>
<item android:right="10dp">
<shape android:shape="rectangle" >
<solid android:color="#fff" />
<padding
android:right="2dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<solid android:color="#fff" />
</shape>
</item>
Although it's not ideal this is a workaround to get behavior similar to what you're looking for. You can also change or create another border for the Switch
to match an unfocused TextInputLayout
state.
layout.xml
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.TextInputLayout
style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_marginEnd="10dp"
android:layout_marginRight="10dp">
<android.support.design.widget.TextInputEditText
android:id="@+id/myprofile_twitter"
android:layout_width="match_parent"
android:textColor="@color/colorPrimaryDark"
android:layout_height="wrap_content"
android:hint="Twitter" />
</android.support.design.widget.TextInputLayout>
<Switch
android:id="@+id/twitter_switch"
android:background="@drawable/border"
android:padding="18.5dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="1.5dp"
android:layout_marginStart="-19dp"
android:layout_marginLeft="-19dp"
android:layout_marginEnd="10dp"
android:layout_gravity="center_vertical"
android:layout_marginRight="10dp" />
</LinearLayout>
border.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<solid android:color="@color/colorAccent" />
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<padding
android:bottom="2dp"
android:top="2dp"/>
</shape>
</item>
<item android:right="10dp">
<shape android:shape="rectangle" >
<solid android:color="#fff" />
<padding
android:right="2dp" />
</shape>
</item>
<item>
<shape android:shape="rectangle" >
<corners android:topRightRadius="5dp" android:bottomRightRadius="5dp"/>
<solid android:color="#fff" />
</shape>
</item>
edited Nov 21 '18 at 23:05
answered Nov 21 '18 at 3:48
JantzillaJantzilla
5451417
5451417
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
@VanhaerenThomas I have updated my answer.
– Jantzilla
Nov 21 '18 at 23:05
add a comment |
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
@VanhaerenThomas I have updated my answer.
– Jantzilla
Nov 21 '18 at 23:05
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
@VanhaerenThomas I have updated my answer.
– Jantzilla
Nov 21 '18 at 23:05
@VanhaerenThomas I have updated my answer.
– Jantzilla
Nov 21 '18 at 23:05
add a comment |
You can achieved that format with this sample layout.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_margin="10dp">
<EditText
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/background"
android:inputType="text"
android:layout_centerVertical="true"
android:hint="LinkedIn"
android:paddingLeft="5dp"/>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"/>
</RelativeLayout>
Sample screenshot:
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
add a comment |
You can achieved that format with this sample layout.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_margin="10dp">
<EditText
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/background"
android:inputType="text"
android:layout_centerVertical="true"
android:hint="LinkedIn"
android:paddingLeft="5dp"/>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"/>
</RelativeLayout>
Sample screenshot:
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
add a comment |
You can achieved that format with this sample layout.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_margin="10dp">
<EditText
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/background"
android:inputType="text"
android:layout_centerVertical="true"
android:hint="LinkedIn"
android:paddingLeft="5dp"/>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"/>
</RelativeLayout>
Sample screenshot:
You can achieved that format with this sample layout.
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:layout_margin="10dp">
<EditText
android:layout_width="match_parent"
android:layout_height="50dp"
android:background="@drawable/background"
android:inputType="text"
android:layout_centerVertical="true"
android:hint="LinkedIn"
android:paddingLeft="5dp"/>
<Switch
android:id="@+id/twitter_switch"
android:layout_width="45dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_alignParentRight="true"/>
</RelativeLayout>
Sample screenshot:
answered Nov 21 '18 at 9:24
No NameNo Name
7210
7210
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
add a comment |
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
Thanks for answering. However, the TextInputLayout and TextInputEditText have an animation on focus, that moves the hint as a title for the box, as far as I can tell from the code this will not keep that animation. (see Facebook box)
– Vanhaeren Thomas
Nov 21 '18 at 12:16
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53402744%2fswitch-inside-textinputlayout%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Do you simply want a border around both the
EditText
andSwitch
?– Jantzilla
Nov 21 '18 at 3:36