How to make a cardview layout with title stay on top of the borderline?
I need to make a layout which look like this
Have been researched through alot of topic but still couldn't find out the way how to make it
If anyone have an idea or just a git source please give me some advice
android layout edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
add a comment |
I need to make a layout which look like this
Have been researched through alot of topic but still couldn't find out the way how to make it
If anyone have an idea or just a git source please give me some advice
android layout edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
add a comment |
I need to make a layout which look like this
Have been researched through alot of topic but still couldn't find out the way how to make it
If anyone have an idea or just a git source please give me some advice
android layout edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
I need to make a layout which look like this
Have been researched through alot of topic but still couldn't find out the way how to make it
If anyone have an idea or just a git source please give me some advice
android layout android layout edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
edited Nov 25 '18 at 15:15
Ashish Kudale
73811332
73811332
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
asked Nov 25 '18 at 7:20
Đoàn Trung HiếuĐoàn Trung Hiếu
11
11
add a comment |
add a comment |
3 Answers
3
active
oldest
votes
you can use fieldset to achive that goal.
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
add a comment |
This is a vertical list of similar elements. So you can use Recyclerview for them. Inside an item you can use new Chip view (see https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f ).
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
add a comment |
You can only set background color of cardview, cannot directly set border color. So, keep a drawable file for background as follows :
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke android:width="3dp" android:color="#abc" />
<corners android:radius="20dp"/>
</shape>
You can use the following layout to achieve the required style :
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="15dp"
android:background="@drawable/border"><!--You can add your necessary content within this layout-->
</RelativeLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:layout_marginLeft="25dp"
android:text="Sample Text"
android:textSize="20sp"/>
answered Nov 25 '18 at 8:50
RajRaj
14016
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%2f53465464%2fhow-to-make-a-cardview-layout-with-title-stay-on-top-of-the-borderline%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
you can use fieldset to achive that goal.
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
add a comment |
you can use fieldset to achive that goal.
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
add a comment |
you can use fieldset to achive that goal.
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
you can use fieldset to achive that goal.
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
answered Nov 25 '18 at 7:32
Awronno AdharAwronno Adhar
113
113
add a comment |
add a comment |
This is a vertical list of similar elements. So you can use Recyclerview for them. Inside an item you can use new Chip view (see https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f ).
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
add a comment |
This is a vertical list of similar elements. So you can use Recyclerview for them. Inside an item you can use new Chip view (see https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f ).
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
add a comment |
This is a vertical list of similar elements. So you can use Recyclerview for them. Inside an item you can use new Chip view (see https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f ).
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
This is a vertical list of similar elements. So you can use Recyclerview for them. Inside an item you can use new Chip view (see https://medium.com/material-design-in-action/chips-material-components-for-android-46001664a40f ).
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
answered Nov 25 '18 at 8:49
coffeeplantercoffeeplanter
93
93
add a comment |
add a comment |
You can only set background color of cardview, cannot directly set border color. So, keep a drawable file for background as follows :
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke android:width="3dp" android:color="#abc" />
<corners android:radius="20dp"/>
</shape>
You can use the following layout to achieve the required style :
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="15dp"
android:background="@drawable/border"><!--You can add your necessary content within this layout-->
</RelativeLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:layout_marginLeft="25dp"
android:text="Sample Text"
android:textSize="20sp"/>
answered Nov 25 '18 at 8:50
RajRaj
14016
add a comment |
You can only set background color of cardview, cannot directly set border color. So, keep a drawable file for background as follows :
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke android:width="3dp" android:color="#abc" />
<corners android:radius="20dp"/>
</shape>
You can use the following layout to achieve the required style :
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="15dp"
android:background="@drawable/border"><!--You can add your necessary content within this layout-->
</RelativeLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:layout_marginLeft="25dp"
android:text="Sample Text"
android:textSize="20sp"/>
answered Nov 25 '18 at 8:50
RajRaj
14016
add a comment |
You can only set background color of cardview, cannot directly set border color. So, keep a drawable file for background as follows :
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke android:width="3dp" android:color="#abc" />
<corners android:radius="20dp"/>
</shape>
You can use the following layout to achieve the required style :
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="15dp"
android:background="@drawable/border"><!--You can add your necessary content within this layout-->
</RelativeLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:layout_marginLeft="25dp"
android:text="Sample Text"
android:textSize="20sp"/>
answered Nov 25 '18 at 8:50
RajRaj
14016
You can only set background color of cardview, cannot directly set border color. So, keep a drawable file for background as follows :
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<stroke android:width="3dp" android:color="#abc" />
<corners android:radius="20dp"/>
</shape>
You can use the following layout to achieve the required style :
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="100dp"
android:layout_marginTop="15dp"
android:background="@drawable/border"><!--You can add your necessary content within this layout-->
</RelativeLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="#ffffff"
android:layout_marginLeft="25dp"
android:text="Sample Text"
android:textSize="20sp"/>
answered Nov 25 '18 at 8:50
RajRaj
14016
answered Nov 25 '18 at 8:50
RajRaj
14016
answered Nov 25 '18 at 8:50
RajRaj
14016
answered Nov 25 '18 at 8:50
RajRaj
14016
14016
add a comment |
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%2f53465464%2fhow-to-make-a-cardview-layout-with-title-stay-on-top-of-the-borderline%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
