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

<?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()         }     } }