API Docs

Display Confirmation Bottom Sheet

Display Confirmation Bottom Sheet - kintone.mobile.showConfirmBottomSheet()

Displays a confirmation bottom sheet on the mobile screen that prompts the user for confirmation and retrieves their choice.

Function

Desktop

For desktop, use the following API:
Display Confirmation Dialog

Mobile

kintone.mobile.showConfirmBottomSheet(config)

Parameters

Parameter Type Required Description
config Object Required The bottom sheet configuration.
config.title String Optional The title.
If ignored, it will not be displayed.
config.body String Optional The bottom sheet body text.
\n, \r, \r\n are interpreted as line breaks.
If ignored, it will not be displayed.
config.showOkButton Boolean Optional The visibility of the OK button.
  • true: Display
  • false: Do not display
If ignored, it will be displayed.
config.okButtonText String Optional The text to display on the OK button.
If ignored, "OK" will be displayed according to the logged-in user's language.
config.showCancelButton Boolean Optional The visibility of the Cancel button.
  • true: Display
  • false: Do not display
If ignored, it will not be displayed.
config.cancelButtonText String Optional The text to display on the Cancel button.
If ignored, "Cancel" will be displayed according to the logged-in user's language.
config.showCloseButton Boolean Optional The visibility of the Close button.
  • true: Display
  • false: Do not display
If ignored, it will not be displayed.

Returns

A Promise object. The following values can be retrieved when the Promise object is fulfilled:

Property Type Description
result String The action selected by the user.
  • OK: The user clicked the OK button.
  • CANCEL: The user clicked the Cancel button.
  • CLOSE: The user clicked the Close button.

Sample Request

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16

// Basic confirmation bottom sheet
kintone.mobile.showConfirmBottomSheet({
  title: 'Confirmation',
  body: 'Do you want to delete this record?',
  showOkButton: true,
  showCancelButton: true,
  okButtonText: 'Delete',
  cancelButtonText: 'Cancel',
  showCloseButton: true
}).then((result) => {
  if (result === 'OK') {
    console.log('Record deleted');
  } else {
    console.log('Deletion canceled');
  }
});
UI Image

The image below shows the bottom sheet on mobile.
This may change in future product updates.

Available Pages (Mobile)