Instagram widgets

From SpinetiX Support Wiki

Jump to: navigation, search
"Info"
To use the Instagram widgets, your Instagram account must be connected with your Cockpit account.
Moreover, your Elementi license must be registered into Cockpit and you target HMP must be added to Cockpit

Introduction

The Instagram widgets can be used to display images from the well-known online photo management and sharing application, called Instagram.

Note
This page is related to Elementi 2017 Widgets.
Note
See more about Data feeds in general.


Note Note: The current version of these widgets is not compatible with multiscreen content.

Instagram widgets

Instagram widgets in Elementi 2017

Under the "Instagram" folder of Elementi 2017 Widgets, you can find eight ready-to-use widgets that automatically display images from a Instagram data source:

  • Single Post
    Displays a single Instagram post using pre-formatted design. The images are displayed one after another, with or without a transition effect in between, similarly to a slideshow.
  • Multi Post
    Displays a one or more images on the same page using pre-formatted design. The images are displayed one after another, with or without a transition effect in between, similarly to a playlist.
  • Media Crawler
    Displays the images from Instagram using a continuous scrolling effect.
  • Media Playlist
    Displays a playlist of images from Instagram.
  • Media Crawler
    Displays the images from Instagram using a continuous scrolling effect.
  • Slideshow
    Displays slides composed of text & media layers, which are automatically filled out with the data from Instagram. The slides are displayed one after another, with or without a transition effect in between, similarly to a playlist.
  • Horizontal Table, Vertical Table, and Table
    Displays slides composed of multiple cells of text & media layers, which are automatically filled out with the data retrieved from Instagram. The slides are displayed one after another, with or without a transition effect in between, similarly to a playlist.

Configuration

Each of the widgets above can be customized using the options provided under "Properties" tab - for more details go to the dedicated page of each widget type, linked above.

Date Properties Dialog

Data Properties

To edit the properties related to the data source, click on the Data Feed Properties button. This opens the "Data Properties" dialog, which allows changing the following:

  • Account
    Select one of the connected Instagram accounts or click "Connect account..." if none was previously connected.
  • Selection
    Select the source of the data to be displayed between "My Posts", "My Likes", "Follow", "Search by Tag" and "Search by Location".
    • Username
      If "Follow" is chosen above, this option lets you enter the name of the user's data to be displayed.
    • Tag
      If "Search by Tag" is chosen above, this option lets you enter the tag to be searched.
    • Latitude, Longitude, Radius
      If "Search by Location" is chosen above, these options let you enter the location to be searched.
  • Size
    Select at which resolution the images are to be retrieved.
  • Max count
    Enter the maximum number of images to be retrieved.
  • Refresh
    Enter a number, optionally followed by s (implicit), m or h, to specify the period after which the widget should refresh the feed data (this is useful especially when the widget is running in a loop); the minimum accepted value is 60 seconds. Using "When document opens" will refresh the data only when the document is re-opened.


Note Note:
At any point, the data source configuration can be tested by clicking on the "Test..." button.

Instagram channel connection

Using the Instagram widgets requires having your Instagram account connected with the Cockpit account where your Elementi license is registered. For that, follow these steps:

  1. Select the "Account" option as "Connect account...".
  2. Click the URL displayed within the "Connect Account..." dialog.
  3. The Instagram sign-in page is opened;
    • follow the steps on that page to sign into your Instagram account.
  4. Allow the SpinetiX app to access the specified information of your Instagram account.
  5. Return to Elementi and click the "OK" button within the "Connect Account..." dialog.
  6. At this point, your Instagram account appears in the "Account" drop-down box.

Note Note: The Instagram account can be disconnected at any time from Cockpit from the "Channels" page.

Single Post Properties

Single Post properties

The following properties, found under "Properties" tab, can be used to customize the widget:

  • Data
    Click on the Data Feed Properties button (it opens the Data Properties dialog for Instagram source). This let the user select the tweets to be displayed.
  • Slide duration
    Enter the number of seconds each tweet is displayed on the screen.
  • Transition
    Click on the Transition Properties button (it opens the "Transition Properties" dialog) and select a transition effect and its properties.
  • Looping
    Select whether the widget ends after the last tweet or loops to the first one.
  • Likes
  • Show Like
    Select whether the likes should shown or not
  • Text
    Text to be displayed next to the likes.

Multi Post Properties

Multi Post properties

The following properties, found under "Properties" tab, can be used to customize the widget:

  • Data
    Click on the Data Feed Properties button (it opens the Data Properties dialog for Instagram source). This let the user select the tweets to be displayed.
  • Locale
    Select the locale used for displaying dates and numbers.
  • Slide duration
    Enter the number of seconds each slide of tweets is displayed on the screen.
  • Transition
    Click on the Transition Properties button (it opens the "Transition Properties" dialog) and select a transition effect and its properties.
  • Looping
    Select whether the widget ends after the last tweet or loops to the first one.
  • Headers
    Select whether the Instagram logo and the header text should be displayed or not.
  • Text
    Text to be displayed next to the Instagram logo.
  • Number of rows
    Enter the number of tweets to display on a single slide.
  • Delay per cell
    Enter the number of seconds to wait before displaying the next cell of the table.

Troubleshooting

This page was last modified on 22 May 2017, at 11:13. This page has been accessed 300 times.