نوتیفیکیشن ها

دکمه نوتیفیکیشن

سیستم اطلاع رسانی استک به شما این امکان را می دهد که توجه کاربران را به جنبه ها یا ویژگی های خاصی از صفحه بدون توجه به تمام توجه آنها آگاه کنید.

اعلان‌ها می‌توانند توسط هر عنصری در صفحه که همان صفحه را به اشتراک می‌گذارد فعال شود data-notification-link با مربوطه عنصر .اعلان.

اعلان را با کلاس ها و ویژگی های داده زیر سفارشی کنید:

• .pos-left,right,top,bottom - اعلان را در صفحه قرار می دهد
• [data-animation="from-left,right,top,bottom"] - جهتی را که اعلان باید از آن وارد شود را تعیین می کند
• .col-*- استفاده کنید کلاس های grid برای تعیین عرض اعلان

<a class="btn" href="#" data-notification-link="trigger">
	<span class="btn__text">
		Trigger Notification
	</span>
</a>
<div class="notification pos-right pos-bottom col-md-4 col-lg-3" data-animation="from-bottom" data-notification-link="trigger">
	CONTENT
</div><!--end of notification-->
					

اعلان نمایش خودکار

یک اعلان را می توان تنظیم کرد تا پس از بارگیری صفحه، پس از مدت زمان معینی به طور خودکار نمایش داده شود. شما قبلاً مشاهده کرده اید که هنگام ورود، یک نمایش خودکار در گوشه سمت راست بالای این صفحه ظاهر می شود.

می توانید زمان نمایش خودکار را با افزودن ویژگی داده تنظیم کنید data-autoshow="" به عنصر .notification با مقدار میلی ثانیه یعنی. مقدار '1000' اعلان را 1 ثانیه پس از بارگیری صفحه نشان می دهد.

<div class="notification pos-right pos-bottom col-md-4 col-lg-3" data-animation="from-bottom" data-autoshow="1000">
	CONTENT
</div><!--end of notification-->
					

اعلان خودکار

علاوه بر راه‌اندازی و نمایش خودکار یک اعلان، می‌توانید به راحتی یک اعلان را طوری تنظیم کنید که پس از یک زمان خاص در میلی‌ثانیه به‌طور خودکار خود را پنهان کند. ویژگی data-autohide.

<a class="btn" href="#" data-notification-link="trigger" data-autohide="2000">
	<span class="btn__text">
		Trigger Notification
	</span>
</a>
<div class="notification pos-right pos-bottom col-md-4 col-lg-3" data-animation="from-bottom" data-notification-link="trigger">
	CONTENT
</div><!--end of notification-->