when click on cardview, dialog box has to open

Question

activity_main.xml

activity_main.xml for cardview means this displays the card.

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
card_view:cardCornerRadius="2dp"
android:id="@+id/c1"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:card_view="http://schemas.android.com/apk/res-auto">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:id="@+id/lin_nameage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
    <TextView
        android:id="@+id/tvName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Name:"
        android:textColor="#000000"
        android:layout_marginStart="5dp"
        android:layout_marginLeft="5dp"
        android:gravity="start"
        android:textSize="15dp"/>

        <!-- to set edittext value -->
    <TextView
        android:id="@+id/tvet_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="#000000"
        android:layout_marginLeft="40dp"
        android:layout_toRightOf="@+id/tvName"
        android:textSize="15dp"/>
    <TextView
        android:id="@+id/tv_age"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="age:"
        android:textColor="#000000"
        android:layout_marginLeft="172dp"
        android:layout_toRightOf="@+id/tvet_name"
        android:textSize="15dp"/>

        <!-- to set edittext value -->
    <TextView
        android:id="@+id/tvet_age"
        android:layout_width="100dp"
        android:layout_height="wrap_content"
        android:textColor="#000000"
        android:layout_marginLeft="200dp"
        android:layout_toRightOf="@+id/tvet_name"
        android:textSize="15dp"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/lin_nameage">
        <TextView
            android:id="@+id/tvrel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Relationship:"
            android:textColor="#000000"
            android:layout_marginStart="5dp"
            android:layout_marginLeft="5dp"
            android:gravity="start"
            android:textSize="15dp"/>


        <!-- to set edittext value -->
        <TextView
            android:id="@+id/tvet_rel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:textColor="#000000"
            android:layout_marginLeft="40dp"
            android:layout_toRightOf="@+id/tvName"
            android:textSize="15dp"/>
        <TextView
            android:id="@+id/tv_occupation"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Occupation:"
            android:textColor="#000000"
            android:layout_marginLeft="80dp"
            android:layout_toRightOf="@+id/tvet_name"
            android:textSize="15dp"/>

        <!-- to set edittext value -->
        <TextView
            android:id="@+id/tvet_occu"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:textColor="#000000"
            android:layout_marginLeft="200dp"
            android:layout_toRightOf="@+id/tvet_name"
            android:textSize="15dp"/>
    </LinearLayout>
</RelativeLayout>
</android.support.v7.widget.CardView>

first.xml :

first.xml is the layout that has to open when I click on cardview.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="3dp"
android:paddingLeft="16dp"
android:paddingRight="16dp"
android:paddingTop="0dp">
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:id="@+id/lin_act_name"
android:layout_height="60dp"
android:orientation="horizontal"
android:layout_marginTop="0dp">
<android.support.design.widget.TextInputLayout
    android:id="@+id/actname"
    android:layout_height="wrap_content"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:hint="Name"
    android:inputType="number">

    <EditText
        android:id="@+id/act_name"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</android.support.design.widget.TextInputLayout>

<android.support.design.widget.TextInputLayout
    android:id="@+id/actage"
    android:layout_height="wrap_content"
    android:layout_width="0dp"
    android:layout_weight="1"
    android:hint="age">

    <EditText
        android:id="@+id/act_age"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</android.support.design.widget.TextInputLayout>
</LinearLayout>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:id="@+id/lin_relationship"
android:layout_height="45dp"
android:layout_marginTop="0dp"
android:orientation="horizontal"
android:layout_below="@+id/lin_act_name">
<android.support.design.widget.TextInputLayout
android:id="@+id/actrelation"
android:layout_height="wrap_content"
android:layout_width="0dp"
android:layout_weight="1"
android:inputType="number"
android:hint="Relation">
<EditText
    android:id="@+id/act_relation"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
android:id="@+id/actoccupation"
android:layout_height="wrap_content"
android:layout_width="0dp"
android:layout_weight="1"
android:hint="Occupation">
<EditText
    android:id="@+id/act_occupation"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:inputType="number"/>

</android.support.design.widget.TextInputLayout>

</LinearLayout>
<Button
    android:id="@+id/okbtn"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="OK"
    android:layout_marginTop="20dp"
    android:layout_below="@+id/lin_relationship"
    android:layout_centerHorizontal="true"/>
</RelativeLayout>

MainActivity.java

public class MainActivity extends AppCompatActivity implements 
OnClickListener {

final Context context = this;
private Button button;

public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    //button = (Button) findViewById(R.id.buttonShowCustomDialog);

    // add button listener
}

@Override
public void onClick(View view) {
    {
        if (view ==) {
            Details();
        }
    }

public void Details() {
    final Dialog dialog = new Dialog(context);
    dialog.setContentView(R.layout.first);
    dialog.setTitle("Enter Details");

    // set the custom dialog components - text, image and button
    EditText act_name = (EditText) dialog.findViewById(R.id.act_name);
    EditText act_age = (EditText) dialog.findViewById(R.id.act_age);
    EditText act_relation = (EditText) dialog.findViewById(R.id.act_relation);
    EditText act_occupation = (EditText) dialog.findViewById(R.id.act_occupation);
    //text.setText("Android custom dialog example!");
    //ImageView image = (ImageView) dialog.findViewById(R.id.image);
    //  image.setImageResource(R.drawable.ic_launcher);

    Button ok_btn = (Button) dialog.findViewById(R.id.okbtn);
    // if button is clicked, close the custom dialog
    ok_btn.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            dialog.dismiss();
        }
    });

    dialog.show();
}
}
}

when I click on cardview, dialog box should open. How to write Onclicklistener to cardview. I am not using any recyclerview. I got struck with this. How to write Onclick to cardview. Any help would be appreciated.

score 2 · Accepted Answer · edited Oct 26 '17 at 05:19

2

try this ...in your onCreate write

  CardView c1 = (CardView) findViewById(R.id.c1);
  c1 .setOnClickListener(this);

and on your click method

 @Override
public void onClick(View v) {

    switch (v.getId()) {

        case R.id.c1:
         //call your dialog box method here
           Details();
            break;

    }
}

method for your dialog box

  AlertDialog alert;
// Alert dialog box method
private void Details(){
    AlertDialog.Builder builder = new AlertDialog.Builder(this,R.style.MyAlertDialogStyle);

    builder.setMessage("Please subscribe to use the premium version")
            .setCancelable(false)
            .setPositiveButton( getResources().getString(R.string.ok), new DialogInterface.OnClickListener()
            {
                public void onClick(final DialogInterface dialog, int id) {

                }
            }
            );


    //dialog box details
    alert = builder.create();
    alert.setTitle("Enter Details");
    alert.show();
}

And set this theme in your style.xml file if you don't have the theme

    <style name="MyAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <!-- Used for the buttons -->
    <item name="colorAccent">#FFFFFF</item>
    <!-- Used for the title and text -->
    <item name="android:textColorPrimary">#FFFFFF</item>
    <!-- Used for the background -->
    <item name="android:background">@color/colorPrimaryDark</item>
</style>

edited Oct 26 '17 at 05:19

AskNilesh

67,701
16
123
163

answered Oct 26 '17 at 04:45

Android Geek

8,956
2
21
35

Its working sir. But, the title is not set to dialog box.why? @Android Geek – sagar Oct 26 '17 at 04:54
you want to display the title on the dialog box? – Android Geek Oct 26 '17 at 04:57
yes, that is why I have written this line. dialog.setTitle("Enter Details"); – sagar Oct 26 '17 at 04:58
initialize this out side your dialog box and AlertDialog alert; and this inside your dialog box alert.setTitle("Enter Details"); alert.show(); let me know if this works – Android Geek Oct 26 '17 at 05:03
ok , else you can change the dialog box method ,i will post the code just try that – Android Geek Oct 26 '17 at 05:06
@sagar ask a new question for that first accept any answer for this question. then ask new one. – Vidhi Dave Oct 26 '17 at 05:06
I am waiting for your answer sir. are you giving me the answer@AndroidGeek – sagar Oct 26 '17 at 05:14
where to set my layout first.xml to dialog box in your code?@AndroidGeek – sagar Oct 26 '17 at 05:22
can you ask another another question for that i am out of number of edits for a post – Android Geek Oct 26 '17 at 05:30
I have asked But that is closed as a duplicate of another question.@AndroidGeek – sagar Oct 26 '17 at 05:43
when I am adding cardview in fragment of onCreateViewmethod giving error. CardView c1 = (CardView) v.findViewById(R.id.c1); @AndroidGeek – sagar Oct 26 '17 at 06:06

score 0 · Answer 2 · answered Oct 26 '17 at 04:32

0

Add this to your activity onCreate.

findViewById(R.id.c1).setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View view) {
        // Open Dialog here.
    }
});

answered Oct 26 '17 at 04:32

eclipse1203

535
4
14

giving errors sir.Can you post complete answer? @eclipse. – sagar Oct 26 '17 at 04:36

Vidhi Dave · Answer 3 · 2017-10-26T04:55:49.493

0

Try this :

public class MainActivity extends AppCompatActivity implements 
OnClickListener {

final Context context = this;
private CardView mcardView;

public void onCreate(Bundle savedInstanceState) {

    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    mcardView = (CardView) findViewById(R.id.c1);

    mcardView.setOnClickListner(this);
}

@Override
public void onClick(View view) 
    {
        if (view == mcardView) {
            Details();
        }
    }

public void Details() {
    final Dialog dialog = new Dialog(context);
    dialog.setContentView(R.layout.first);
    dialog.setTitle("Enter Details");

    // set the custom dialog components - text, image and button
    EditText act_name = (EditText) dialog.findViewById(R.id.act_name);
    EditText act_age = (EditText) dialog.findViewById(R.id.act_age);
    EditText act_relation = (EditText) dialog.findViewById(R.id.act_relation);
    EditText act_occupation = (EditText) dialog.findViewById(R.id.act_occupation);
    //text.setText("Android custom dialog example!");
    //ImageView image = (ImageView) dialog.findViewById(R.id.image);
    //  image.setImageResource(R.drawable.ic_launcher);

    Button ok_btn = (Button) dialog.findViewById(R.id.okbtn);
    // if button is clicked, close the custom dialog
    ok_btn.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            dialog.dismiss();
        }
    });

    dialog.show();
}
}

edited Oct 26 '17 at 04:55

answered Oct 26 '17 at 04:38

Vidhi Dave

5,614
2
33
55

private Cardview mcardView; giving error at this line@Vishva Dave – sagar Oct 26 '17 at 04:41
sorry spelling mistake write CardView – Vidhi Dave Oct 26 '17 at 04:42
ok sir.Again giving error mcardView.setOnClickListner(this); at this line.@Visha Dave – sagar Oct 26 '17 at 04:45
may be you have bracket issue. check my edited answer – Vidhi Dave Oct 26 '17 at 04:49
@VishvaDave Is this correct if (view == mcardView) { Details(); } ? – J Ramesh Oct 26 '17 at 04:49
@VishvaDave I think this is correct if (view.getId() == R.id.c1) { Details(); } – J Ramesh Oct 26 '17 at 04:51
@JRamesh Yes I have assign this R.id.c1 to one variable mcardView and then used in condition. same thing – Vidhi Dave Oct 26 '17 at 04:51
Its working sir, But title is not set to dialogbox.why? – sagar Oct 26 '17 at 04:56
@sagar Its the another issue. if this issue is solved then mark it as correct. – Vidhi Dave Oct 26 '17 at 04:56
@sagar I will check for the title. – Vidhi Dave Oct 26 '17 at 04:57
@sagar check this for title https://stackoverflow.com/q/35303378/8089770 – Vidhi Dave Oct 26 '17 at 04:59
2

VishvaDave and NileshRathod Thank you for increasing my knowledge – J Ramesh Oct 26 '17 at 05:00

when click on cardview, dialog box has to open

3 Answers3