<sy-new-users community="superfly" base="https://club.superfly.fm" with-picture="true" link-target="_blank" ></sy-new-users>

Attribute

community
base
with-picture


Events

syNewUsersInit
syNewUsersError

<sy-events region="Tirol" community="wintersport" ></sy-events>

Attribute

community
region


Events

syEventsInit
syEventsError


<sy-gallery tags="hiking|lake" other-tags="" row-count="3" show-navigation="true"></sy-gallery>

Attribute

tags
other-tags
row-count
show-navigation
lat
lng
radius


Events

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);
});


Community ändern

<sy-stream base="https://community.gemeinsamerleben.com" community="friendseek|bergsport" show-local-position-filter="true"></sy-stream>

Attribute

additional-link-parameters
base
community
custom-stream-data
hide-show-more
page-size
show-filter
default-filter
show-local-position-filter

Events

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);
});

Styling

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>

Events

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>