ایجاد CalloutActions در پنجره Hover Over
در ادامه پست هایی که در ارتباط با Callout در شیرپوینت 2013 مطرح شد ، در این پست می خواهیم نگاهی به نحوه ایجاد CalloutAction ها (شامل باز کردن ، ویرایش و به اشتراک گذاری و..) در یک Callout شخصی در شیرپوینت 2013 بپردازیم.
قبل از مطالعه این پست بهتر است که پست برخی نکات ضروری جهت کار با پنجره Callout در شیرپوینت 2013 را مطالعه کرده باشید.
گزینه های CalloutActions :
یکی از روش های ایجاد Callout.Js می باشد که به شما اجازه ایجاد فعالیت هایی مانند اشتراک گزاری ، باز کردن ، افزودن به Timeline که شما در پنجره پیش نمایش لیست می بینید را می دهد.
Script که در پایین آمده است را به وب پارت Script Editor همان طوری که در پست پنجره های جدید پیش نمایش Hover Over و Callout دیدید، اضافه کنید.
Script –
<script type="text/javascript">
ExecuteOrDelayUntilScriptLoaded(CreateCallOutPopup, "callout.js");
function CreateCallOutPopup()
{
var targetElement = document.getElementById('NotificationDiv');
var calloutOptions = new CalloutOptions();
calloutOptions.ID = 'notificationcallout';
calloutOptions.launchPoint = targetElement;
calloutOptions.beakOrientation = 'leftRight';
calloutOptions.content = 'content';
calloutOptions.title = 'title';
var displayedPopup = CalloutManager.createNew(calloutOptions);
var customAction = new CalloutActionOptions();
customAction.text = 'Action 1';
customAction.onClickCallback = function(event, action)
{
alert("This is JavasCript alert on Custom Action");
};
var _newCustomAction = new CalloutAction(customAction);
displayedPopup.addAction(_newCustomAction);
}
</script>
<div id="NotificationDiv" style="width:30px;"><span id="ms-pageDescriptionImage"> </span> </div>
پس از انجام این کار پنجره ای همانند تصویر پایین خواهید دید :
همان طوری که در تصویر بالا می بینید پس از کلیک بر روی گزینه ACTION 1 ، هشداری مانند تصویر پایین را به شما نمایش می دهد.
همچنین شما ممکن است که در رابطه با پنهان کردن ، حذف کردن و یا شخصی کردن یک CallOut علاقه مند باشید که در این رابطه به پست شخصی سازی منوی CallOut در شیرپوینت 2013 مراجعه کنید.
پست مرتبط :
طراحی پرتالهای اینترنت و اینترانت