1. Technical
  2. Adding Live Center

Data and Post Rendering

This example builds on the data access example, and also includes functionality that defines a post, a post list, and post renderers using Live Center's libraries.

Class Description
NcCore.StandardBackendService Wrapper for a class that exposes an HTTP GET function and returns a promise
NcPosts.BulletinTenantProvider JavaScript wrapper over the Live Center public HTTP API to get content
NcPosts.PostListManager Handles management of a list of posts and their HTML. Supports updating and deleting
NcPosts.RendererPost Enables multiple post renderers to render a post based on the content of the post
NcPosts.HeaderRenderer Renders the header part of a post
NcPosts.TitleRenderer Renders the title of a post
NcPosts.SimpleContentRenderer Renders the HTML content of a post, with no inline elements

Working example 👍

Below is an example of how we use renderers in our libraries. Your creativity is the limit! 🌈


See the Pen Data and Post Rendering by Maryle (@merle_norkon) on CodePen.

For our customers using Australian environment https://au.livecenter.com/ refer to this CodePen 

Resources:

1. Convenience functions 🔧

Curious about the classes and terms mentioned? Consult this resource to find what you're looking for. Here you will find options objects that are required in running your scripts.

2. CSS Bundle 🌸

This is a bundle needed to render and support elements in the Live Center feed. The link below is the latest version: https://livecentercdn.norkon.net/scripts/ncposts/ncposts-6.1.1.min.css

3. JS Bundle 👨‍💻

This is a bundle that has the set of functions needed to retrieve and renders the post from our servers. Without this script, you cannot use most functions from the script samples. Below is the latest version of the bundle: https://livecentercdn.norkon.net/scripts/ncposts/ncposts-6.1.1.min.js

Not the implementation you're looking for 🤔 ? View other implementations here!