Modal

در ابتدا نیاز است که وارد کنترل پنل خود شوید. برای انجام این کار می توانید از آدرس https://yourdomain.com:8443 برای ورود استفاده کنید. در نظر داشته باشید به جای yourdomain می بایست نام دامنه ی خود را وارد کنید.

در صفحه ی باز شده بر روی گزینه ی SitePad یا Iran Host Website Builder کلیک نمایید. با کلیک بر روی این گزینه به سرویس سایت ساز متصل می شوید.

 

از نوار سمت چپ با کشیدن و رها کردن گزینه modal در بخش  Widget Panel  در صفحه اصلی مانند تصویر زیر عمل میکنیم

در حال حاضر در صفحه محاوره میتوانید modal را انتخاب و یا شخصی سازی کنید.

 

 

سفارشی سازی modal

برای سفارشی سازی modal بر روی گزینه custom مانند تصویر زیر کلیک کرده

هنگامی که custom را انتخاب میکنید میتوانید رنگ پس زمینه و رنک جعبه را همانطور که در تصویر زیر نشان داده شده است تغییر دهید

اکنون متن روی دکمه را وارد کنید تا ان را در دکمه modal ببنید

اگر دکمه را برای full width بخواهید فقط کادر کشویی که در تصویر زیر نشان داده شده است را بررسی کنید

 

حالا موقعیت Modal Button را انتخاب کنید. 3 گزینه وجود دارد چپ، مرکز، راست فقط یکی از آنها را انتخاب کنید.

آیکون را انتخاب کنید تا در Button Modal نمایش داده شود یا اگر آیکون را نمی خواهید، می توانید آن را Blank بزنید.
اگر آیکون را انتخاب کنید، باید موقعیت برای آیکون را بدهید. به طور پیش فرض چپ است، اما شما می توانید آن را به راست نیز تغییر دهید.
حالا نوع انیمیشن را برای ورود به صفحه نمایش modal در وب سایت انتخاب کنید و همان را برای مخفی نیز همانطور که در تصویر زیر نشان داده شده است انتخاب کنید.

 

Custom Styles
شما می توانید سبک از پیش تعریف شده را با کلیک بر روی سبک های از قبل تعریف شده انتخاب کنید که در تصویر زیر نشان داده شده است.
شما همچنین می توانید سبک های سفارشی را با کلیک بر روی ویرایش عنصر سبک به صورت زیر در تصویر زیر نشان دهید.

 

 

Model Screen View

هنگامی که شما بر روی دکمه مدل کلیک میکنید، صفحه نمایش مانند تصویر زیر نمایش داده خواهد شد.

 

منبع مقاله:

https://sitepad.com/docs/enduser/modal/