<sy-new-users community="superfly" base="https://club.superfly.fm" with-picture="true" link-target="_blank" ></sy-new-users>
community
base
with-picture
syNewUsersInit
syNewUsersError
<sy-events region="Tirol" community="wintersport" ></sy-events>
community
region
syEventsInit
syEventsError
<sy-gallery tags="hiking|lake" other-tags="" row-count="3" show-navigation="true"></sy-gallery>
tags
other-tags
row-count
show-navigation
lat
lng
radius
window.addEventListener('syGalleryInit', function (e) {
console.log('total items: ', e.detail);
});
window.addEventListener('syGalleryItemClicked', function (e) {
console.log('items filtered: ', e.detail);
});
window.addEventListener('syGalleryError', function (e) {
console.log('Error: ', e.detail);
});
<sy-stream base="https://community.gemeinsamerleben.com" community="friendseek|bergsport"
show-local-position-filter="true"></sy-stream>
additional-link-parameters
base
community
custom-stream-data
hide-show-more
page-size
show-filter
default-filter
show-local-position-filter
window.addEventListener('syStreamInit', function (e) {
console.log('total items: ', e.detail);
});
window.addEventListener('syStreamFiltered', function (e) {
console.log('items filtered: ', e.detail);
});
window.addEventListener('syStreamError', function (e) {
console.log('Error: ', e.detail);
});
window.addEventListener('syStreamNotSupported', function (e) {
console.log('browser not supportet', e.detail);
});
window.addEventListener('syOnImageClick', function (e) {
e.detail.event.preventDefault();
console.log('handle image click', e.detail.images, e.detail.activeIndex);
});
sy-stream{
--sy-primary-color: #15b0e8;
--sy-widget-font-size: 15px;
--sy-widget-line-height: 1.5;
--sy-widget-title-font-size: 20px;
--sy-widget-font-weight: 500;
--sy-widget-title-line-height: 30px;
--sy-widget-font-family: 'Open Sans', sans-serif;
--sy-widget-heading-font-family: 'Raleway',sans-serif;
}
<sy-stream></sy-stream>
document.addEventListener("DOMContentLoaded", function () {
document.getElementById('customStream').customStreamData = {
stories: '20547|DA7FE81F:6059',
events: 'ahXLQdc7EBa|RzLbWhYwaKZ|SJME19Juu2Z|EQLC5xpa9AX',
groups: 'bXVh9FjEBJV',
meetups: 'DG9p7PruGJi',
random: true
};
});
<sy-card type="WALL" item-id="30627"></sy-card>
<sy-card type="WALL" item-id="28869" meetup-id="jnhsZB393Ep"></sy-card>
<sy-card type="GROUP" item-id="563133EE"></sy-card>
<sy-card type="MEETUP" item-id="cTEsnRReUsR"></sy-card>
<sy-card type="EVENT" item-id="CVDVBHozHTM"></sy-card>