معرفی Dialog Box زیبای bootbox

ارسال شده توسط: موسی بصیرت نیا تاریخ انتشار : 7/8/2016 12:00:00 AM 0 دیدگاه
هولایتی | آموزش ویدئویی فارسی


معرفی Dialog Box زیبای bootbox 

با سلام به کاربران عزیز هولایتی ، بدون شک در طراحی Web APP های خود این نیاز را احساس کردید که چطور به کاربر پیام زیبایی را نشان دهید. ( منظور همون Alert) و دیگر Dialog های معروف از قبیل Confirm,Prompt و ...

امروز می خوام bootbox را به شما عزیزان معرفی کنم که به نسبت حجم خود مناسب و واقعا کاربردی است.قبل از هر چیز باید بدونید که این کتابخانه جاوا اسکریپت با Bootstrap کار می کنه و اگر بخواهید از آن استفاده کنید باید 2 فایل bootstrap.js و bootstrap.css  را به به همراه Jquery1.9 به بالا را در پروژه داشته باشید.



 

ضمنا برای اینکه در زمان نمایش هر یک از دیالوگ های bootstrap با Scroll اضافه مواجه نشیم، باید این کد Css را به صفحه ای که قرار است dialog های bootbox نمایش داده شود را به صفحه Add کنیم. (برگرفته از اینجا)

<style>
    .modal {
        direction: rtl;
        overflow-y: auto;
    }
     .modal .modal-dialog {
        direction: ltr;
        }
    .modal-open {
        overflow: auto;
    }
</style>