نمایش دکمه Cancel در Sweet Alert
03:35:00 PM - 1401/04/07
برای نمایش پیغام در پروژه خودم از پلاگین Sweet Alert استفاده می کنم. برای این منظور از کد زیر استفاده کردم :
swal({
title: "ثبت نام",
text: "آیا ادامه می دهید ؟",
type: 'success',
showCancelButton: false,
allowOutsideClick: false,
confirmButtonColor: "green",
confirmButtonText: "بله",
});
الان دیالوگ نمایش داده میشه ولی دکمه Cancel یا برگشت وجود نداره.
به این سوال امتیاز بدهید
0
تعداد بازدید این سوال : 1314
پاسخ دهنده : saedbfd
11:57:00 AM - ۱۴۰۱/۰۴/۰۸
در کدهای جاوااسکریپتی که نوشتید خودتون عبارت زیر رو نوشتید :
showCancelButton: false
این مقدار رو برابر با true قرار بدید دکمه Cancel هم نمایش داده میشه. یه سری پراپرتی دیگه هم داره که می تونید به صورت زیر استفاده کنید :
swal({
title: "ثبت نام",
text: "آیا ادامه می دهید ؟",
type: 'success',
showCancelButton: true,
cancelButtonText: "برگشت",
cancelButtonColor:"red",
allowOutsideClick: false,
confirmButtonColor: "green",
confirmButtonText: "بله",
});
در کدهای بالا متن روی دکمه cancel و رنگ اون هم مشخص شد.
آموزشهای پرطرفدار
سوالات مشابه
|
تاریخ :
1400/06/05
- ساعت :
02:30:00 PM
- بازدید :
2792
- پاسخ :
2
|
|
تاریخ :
1401/05/05
- ساعت :
01:50:00 AM
- بازدید :
2714
- پاسخ :
1
|
|
تاریخ :
1399/07/06
- ساعت :
06:54:00 AM
- بازدید :
2588
- پاسخ :
2
|
|
تاریخ :
1399/08/16
- ساعت :
03:45:00 PM
- بازدید :
2156
- پاسخ :
1
|
آخرین سوالات ارسالی
|
تاریخ :
1401/02/24
- ساعت :
02:17:00 PM
- بازدید :
2007
- پاسخ :
1
|
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
75
- پاسخ :
0
|
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
109
- پاسخ :
0
|
|
تاریخ :
1402/07/23
- ساعت :
04:01:00 PM
- بازدید :
1033
- پاسخ :
1
|
|
تاریخ :
1403/05/30
- ساعت :
09:22:00 AM
- بازدید :
428
- پاسخ :
1
|
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
930
- پاسخ :
1
|
|
تاریخ :
1402/08/16
- ساعت :
10:38:00 AM
- بازدید :
1356
- پاسخ :
1
|
|
تاریخ :
1398/08/17
- ساعت :
01:27:00 AM
- بازدید :
4797
- پاسخ :
1
|
|
تاریخ :
1402/09/08
- ساعت :
07:34:00 PM
- بازدید :
1160
- پاسخ :
1
|
|
تاریخ :
1402/09/21
- ساعت :
11:10:00 PM
- بازدید :
597
- پاسخ :
1
|
پاسخ خود را ثبت نمایید ...
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.
ورود به سایت