ํ์ธ/์ทจ์ ๋ฒํผ์ ํด๋์ค๋ฅผ ์ถ๊ฐํ ์ ์๋ ๊ธฐํ๊ฐ ์๋์? ์ธ๋ผ์ธ ์คํ์ผ๋ ๋นํ์ฑํํ์ญ์์ค.
์ด ๊ฐ์:
confirmButtonText: 'OK',
confirmButtonColor: '#8CD4F5',
confirmButtonClass: ' ',
cancelButtonText: 'Cancel',
cancelButtonColor: '#D0D0D0',
cancelButtonClass: ' ',
unstyleButtons: false,
๊ฐ์ฌ ํด์!
+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์์ ์ ๊ฑฐ๋์์ต๋๋ค. ์๋ก์ด ๋ฒํผ ์ต์ ์ ์ฌ์ฉํ์ฌ ์์ ์ ํด๋์ค๋ฅผ ์ถ๊ฐํ ์๋ ์ ๊ทธ๋ ์ด๋ ๊ฐ์ด๋๋ฅผ ํ์ธํ์ธ์.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
+1
BTW,
confirmButtonColor: ''
์ฌ์ฉํ๋ฉด ์ธ๋ผ์ธ ํญ๋ชฉ์ ์ ๊ฑฐํฉ๋๋ค ;)