Tiles, Templates & Streams - Developer Resources

Version 27

    Templates_Turquoise.svg

     

     

    OVERVIEW

     

    Tiles display useful information about a place, such as the place's Popular Content or Featured People. You can use a tile as is or customize it to display information specific to your place. If you own the place, you can choose not to show default tiles, and instead select different tiles for your place.

    08-docs-place-tile.png

    Although many tiles are provided out of the box, you can also create your own tiles programmatically using one of several available tile styles.

    tile-collage-8c4.png

    Streams are another type of dynamic content you can push to a place. With streams, you can add content directly to the activity stream of that place. The activity you push to a place is threaded alongside natively created activity. As with native activity, your activity is searchable from the search field.

    12-streams-example.png

    Jive templates provide a reusable way to organize a group of tiles and activities to solve a particular problem. A general team collaboration place has different needs than a customer support place. You can create specific templates to be used as the basic organizing principle behind these types of places.

    13-template.png

     

    LEARN MORE

     

    ResourceDescriptionTypeRelated Materials
    Purposeful Places – Integrate Using Tiles, Streams and Templates - THURSDAY, OCT 23RD 1:45 PM – 2:45 PMA great deep-dive session at JiveWorld14 from Jive's own Todd Runstein and Thomas Jung on Tiles, Streams and Templates!Video
    From Plugins to Apps to Add-Ons and Beyond - THURSDAY, OCT 23RD 1:45 PM – 2:45 PMA shared session at JiveWorld14 where John Larson of 7Summits shares implementation details of a solution for MaRS that they developed using Tiles, Streams & Templates.Video
    Tiles and Tile StylesAn overview on developing tiles with links to related documents.Overview Doc

     

    TUTORIALS & EXAMPLES

     

    ResourceDescriptionTypeRelated Materials
    Getting Started > Creating a List Tile with the Jive Node SDKWalkthrough on how to create a simple list tile.

    Tutorial

    Node

    Getting Started > Creating a Carousel Tile with the Jive Node SDKWalkthrough on how to create a carousel tile.

    Tutorial

    Node

    Getting Started > Using Tile Actions with the Jive Node SDKWalkthrough on how to create tile actions.Tutorial Node
    Creating Custom View TilesOverview and tutorial for the custom view tile (aka tile app)Overview & Tutorial
    Getting Started > Creating an External Activity StreamOverview and tutorial for external activity streamsOverview & Tutorial
    How to embed an app within an external stream objectSteps for adding an app view within an activity stream.Overview Steps
    Dev Tool: Using the Simple Stream Integration Builder with StatusPage.io (1 of 3)Walkthrough on how to create a Simple Stream Integration(SSI) with the SSI BuilderTutorial
    Dev Tool: Build an App w/ the Simple Stream Integration Builder (2 of 3)Walkthrough on how to embed an App view inside of a Simple Stream Integration (SSI)Tutorial
    Dev Tool: Simple Stream App with Bi-Directional Communication (3 of 3)Walkthrough on creating a secure bi-directional request App within the Simple Stream Integration (SSI) using the Jive Connects authentication proxy serviceTutorial

     

    REFERENCES

     

    ResourceDescriptionTypeRelated Materials
    Making REST API calls directly from a Jive app or tileExplains how to make REST API calls from within a Jive App.Reference
    Custom HTML in Your Jive Community Options to embedded custom HTML Experiences via TilesReference
    Tile API & Development FAQCommon Tile-Only QuestionsReference
    Calendar Tile: Design + JSON OverviewUnderstand the JSON data structure.Reference
    Gallery Tile: Design + JSON OverviewUnderstand the JSON data structure.Reference
    Gauge Tile: Design + JSON OverviewUnderstand the JSON data structure.Reference
    List Tile: Design + JSON OverviewUnderstand the JSON data structure.Reference
    Table Tile: Design + JSON OverviewUnderstand the JSON data structure.Reference
    Carousel Tile: Design and JSON SchemaUnderstand the JSON data structure.Reference