How to Create AlertDialog Box Using SweetAlert Dialog Library in Android?

Last Updated : 10 Feb, 2025

In this article, we will learn about how to add Custom Alert Dialog in an app using the SweetAlert Dialog Library. It is a pop-up box that appears in response to any action of the user. AlertBox is very useful when it comes to validation, it can be used to display confirmation messages. Suppose the user presses the Back Button without saving the changes then for warning it can be used. When the transaction is done in payment apps a short Dialog Box can be shown to the user describing the transaction’s status.

Advantages of AlertDialog Box

It provides us with an excellent user interface which makes the user experience very good.
It makes the work much easier so it is used over Custom Dialog, which needs the whole layout to be created.
It provides many different types of layouts for the dialog box.

Step by Step Implementation

Step 1: Create a New Project in Android Studio

To create a new project in Android Studio please refer to How to Create/Start a New Project in Android Studio.

The code for that has been given in both Java and Kotlin Programming Language for Android.

Step 2: Adding Dependency to the build.gradle.kts File

Go to Module build.gradle.kts file and add this dependency and click on Sync Now button.

implementation ("com.github.f0ris.sweetalert:library:1.6.2")

Step 3: Working with the XML Files

Next, go to the activity_main.xml file, which represents the UI of the project. Below is the code for the activity_main.xml file. Comments are added inside the code to understand the code in more detail.

activity_main.xml:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    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">

    <Button
        android:id="@+id/basic_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="@android:color/holo_green_dark"
        android:text="Basic Dialog"
        app:layout_constraintBottom_toTopOf="@+id/error_dialog"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Button
        android:id="@+id/error_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="@android:color/holo_green_dark"
        android:text="Error Dialog"
        app:layout_constraintBottom_toTopOf="@+id/warning_dialog"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/basic_dialog" />

    <Button
        android:id="@+id/warning_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="@android:color/holo_green_dark"
        android:text="Warning Dialog"
        app:layout_constraintBottom_toTopOf="@+id/success_dialog"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/error_dialog" />

    <Button
        android:id="@+id/success_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="@android:color/holo_green_dark"
        android:text="Success Dialog"
        app:layout_constraintBottom_toTopOf="@+id/custom_dialog"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/warning_dialog" />

    <Button
        android:id="@+id/custom_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:backgroundTint="@android:color/holo_green_dark"
        android:text="Custom Dialog"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/success_dialog" />
</androidx.constraintlayout.widget.ConstraintLayout>

Step 4: Working with the MainActivity File

Go to the MainActivity File and refer to the following code. Below is the code for the MainActivity File. Comments are added inside the code to understand the code in more detail.

MainActivity.java

package org.geeksforgeeks.demo;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import androidx.appcompat.app.AppCompatActivity;
import cn.pedant.SweetAlert.SweetAlertDialog;

// Main Method
public class MainActivity extends AppCompatActivity {

    // Overriding onCreate Method
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Buttons connected 
        Button basicDialog = findViewById(R.id.basic_dialog);
        Button errorDialog = findViewById(R.id.error_dialog);
        Button warningDialog = findViewById(R.id.warning_dialog);
        Button successDialog = findViewById(R.id.success_dialog);
        Button customDialog = findViewById(R.id.custom_dialog);

        // Buttons Clicked Listener are setted below
        
        basicDialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new SweetAlertDialog(MainActivity.this)
                        .setTitleText("Here's a message!")
                        .setContentText("This is Basic Dialog")
                        .show();
            }
        });

        errorDialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new SweetAlertDialog(MainActivity.this, SweetAlertDialog.ERROR_TYPE)
                        .setTitleText("Oops...")
                        .setContentText("Something went wrong!")
                        .show();
            }
        });

        warningDialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new SweetAlertDialog(MainActivity.this, SweetAlertDialog.WARNING_TYPE)
                        .setTitleText("Are you sure?")
                        .setContentText("Won't be able to recover this file!")
                        .setConfirmText("Yes, delete it!")
                        .show();
            }
        });

        successDialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new SweetAlertDialog(MainActivity.this, SweetAlertDialog.SUCCESS_TYPE)
                        .setTitleText("Great!")
                        .setContentText("You completed this task.")
                        .show();
            }
        });

        customDialog.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                new SweetAlertDialog(MainActivity.this, SweetAlertDialog.CUSTOM_IMAGE_TYPE)
                        .setTitleText("Android")
                        .setContentText("This is custom dialog")
                        .setCustomImage(R.mipmap.ic_launcher_round)
                        .show();
            }
        });
    }
}

MainActivity.kt

package org.geeksforgeeks.demo

import android.os.Bundle
import android.widget.Button
import androidx.appcompat.app.AppCompatActivity
import cn.pedant.SweetAlert.SweetAlertDialog

class MainActivity : AppCompatActivity() {

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        // Buttons Connected
        val basicDialog: Button = findViewById(R.id.basic_dialog)
        val errorDialog: Button = findViewById(R.id.error_dialog)
        val warningDialog: Button = findViewById(R.id.warning_dialog)
        val successDialog: Button = findViewById(R.id.success_dialog)
        val customDialog: Button = findViewById(R.id.custom_dialog)

        // Buttons Clicked Listener are setted below
        
        basicDialog.setOnClickListener {
            SweetAlertDialog(this)
                .setTitleText("Here's a message!")
                .setContentText("This is Basic Dialog").show()
        }
        errorDialog.setOnClickListener {
            SweetAlertDialog(this,
                SweetAlertDialog.ERROR_TYPE).setTitleText("Oops...")
                .setContentText("Something went wrong!").show()
        }
        warningDialog.setOnClickListener {
            SweetAlertDialog(this,
                SweetAlertDialog.WARNING_TYPE).setTitleText("Are you sure?")
                .setContentText("Won't be able to recover this file !")
                .setConfirmText("Yes, delete it!").show()
        }
        successDialog.setOnClickListener {
            SweetAlertDialog(this,
                SweetAlertDialog.SUCCESS_TYPE).setTitleText("Great!")
                .setContentText("You completed this task.").show()
        }
        customDialog.setOnClickListener {
            SweetAlertDialog(this,
                SweetAlertDialog.CUSTOM_IMAGE_TYPE).setTitleText("Android")
                .setContentText("This is custom dialog")
                .setCustomImage(R.mipmap.ic_launcher_round).show()
        }
    }
}