Sweetalert: [๊ธฐ๋Šฅ ์š”์ฒญ] ํด๋ž˜์Šค ๋ฒ„ํŠผ ์‚ฌ์šฉ์ž ์ •์˜

์— ๋งŒ๋“  2015๋…„ 07์›” 29์ผ  ยท  7์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: t4t5/sweetalert

ํ™•์ธ/์ทจ์†Œ ๋ฒ„ํŠผ์— ํด๋ž˜์Šค๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ๊ธฐํšŒ๊ฐ€ ์žˆ๋‚˜์š”? ์ธ๋ผ์ธ ์Šคํƒ€์ผ๋„ ๋น„ํ™œ์„ฑํ™”ํ•˜์‹ญ์‹œ์˜ค.
์ด ๊ฐ™์€:

  confirmButtonText: 'OK',
  confirmButtonColor: '#8CD4F5',
  confirmButtonClass: ' ',
  cancelButtonText: 'Cancel',
  cancelButtonColor: '#D0D0D0',
  cancelButtonClass: ' ',
  unstyleButtons: false,

๊ฐ์‚ฌ ํ•ด์š”!

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

+1
BTW, confirmButtonColor: '' ์‚ฌ์šฉํ•˜๋ฉด ์ธ๋ผ์ธ ํ•ญ๋ชฉ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค ;)

๋ชจ๋“  7 ๋Œ“๊ธ€

+1, ํŠนํžˆ ์ธ๋ผ์ธ ์Šคํƒ€์ผ ์ œ๊ฑฐ์šฉ(ํด๋ž˜์Šค๋ฅผ ์‚ฌ์šฉํ•ด์•ผ ํ•จ)

+1

Pleeeeeeasse ์ธ๋ผ์ธ ์Šคํƒ€์ผ ์ œ๊ฑฐ!! ์ค‘์š”ํ•œ ๋ฌธ์ œ๋ผ๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋ชจ๋‘๊ฐ€ ๊ทธ๊ฒƒ์„ ์ง„์ง€ํ•˜๊ฒŒ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ๋Š” sweetaler์˜ ์Šคํƒ€์ผ์„ ๋ฐ”๊ฟ”์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” sass & bootstrap์„ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์œผ๋ฏ€๋กœ ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๊ฒƒ๋งŒ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

.sweet-alert button.confirm {
@extend .btn-๊ธฐ๋ณธ;
}
.sweet-alert ๋ฒ„ํŠผ.์ทจ์†Œ {
@extend .btn-๊ธฐ๋ณธ๊ฐ’;
}

๋ถ€ํŠธ์ŠคํŠธ๋žฉ์—์„œ CSS ์ฝ”๋“œ ํŽ˜์ด์ง€๋ฅผ ๋ณต์‚ฌํ•˜๊ณ  ๋ชจ๋“  ๊ณณ์—์„œ !important๋ฅผ ์„ค์ •ํ•˜๋Š” ๋Œ€์‹ (ํ”ผํ•˜๊ธฐ ์‰ฌ์šด ์•ˆํ‹ฐ ํŒจํ„ด) ๋™์ผํ•œ ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•ฉ๋‹ˆ๋‹ค.

+1

+1
๋ถ€๋„๋Ÿฝ๊ฒŒ๋„ ์ด๊ฒƒ์ด ๋ฌด์‹œ๋˜๊ณ  ๊ฑฐ๋ž˜ ์ฐจ๋‹จ๊ธฐ์ž…๋‹ˆ๋‹ค. ์ด๊ฒƒ์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์ธ๋ผ์ธ ์Šคํƒ€์ผ์€ ๋งํ•  ๊ฒƒ๋„ ์—†๊ณ  ๋‘ ์œ„์น˜์—์„œ ์Šคํƒ€์ผ์„ ํŽธ์ง‘ํ•˜๋Š” ๊ฒƒ์€ ๋‚˜์œ ์ƒ๊ฐ์ž…๋‹ˆ๋‹ค.

+1
BTW, confirmButtonColor: '' ์‚ฌ์šฉํ•˜๋ฉด ์ธ๋ผ์ธ ํ•ญ๋ชฉ์„ ์ œ๊ฑฐํ•ฉ๋‹ˆ๋‹ค ;)

์ธ๋ผ์ธ ์Šคํƒ€์ผ์€ SweetAlert 2.0์—์„œ ์ œ๊ฑฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ๋ฒ„ํŠผ ์˜ต์…˜์„ ์‚ฌ์šฉํ•˜์—ฌ ์ž์‹ ์˜ ํด๋ž˜์Šค๋ฅผ ์ถ”๊ฐ€ํ•  ์ˆ˜๋„ ์—…๊ทธ๋ ˆ์ด๋“œ ๊ฐ€์ด๋“œ๋ฅผ ํ™•์ธํ•˜์„ธ์š”.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰

๊ด€๋ จ ๋ฌธ์ œ

vmitchell85 picture vmitchell85  ยท  6์ฝ”๋ฉ˜ํŠธ

mouro001 picture mouro001  ยท  3์ฝ”๋ฉ˜ํŠธ

blackrosezy picture blackrosezy  ยท  6์ฝ”๋ฉ˜ํŠธ

jamieson99 picture jamieson99  ยท  3์ฝ”๋ฉ˜ํŠธ

krishnamraju picture krishnamraju  ยท  3์ฝ”๋ฉ˜ํŠธ