Agenda (Developer)

Agenda (Developer)

Type Name

Agenda

Usage

This block is used for displaying event aganda. All agenda or agenda from selected categories (livepage/date) can be displayed.

Icon
Screenshots
Type
Content
Content Category
Event Information

About the Agenda

This block displays an agenda block which showcases the event programme.

In order to utilise this feature, you will have to createĀ the agenda andĀ speaker listĀ under theĀ Agenda Module first. Think of Agenda Module as an ā€œinletā€ through which the agenda and speaker details are added, and the agenda block as being the ā€œoutletā€ through which the details are displayed and made visible to the attendees.

Creating an Agenda Block

To create an Agenda block, in the Venue Editor, click on "Add Blocks" button in the settings panel on the left, then choose "Agenda" under the Event Information category.

image

Block Settings

The main setting of the Agenda block is the Show agenda from which LivePage? setting where you apply the selection.

  • The agenda(s) to be shown
  • The date(s)
  • Session details (Title, Description, Logos, Headings)
  • Speaker details
  • Session Bookmarking
  • Show Calendar
  • CTA Color
  • Select Theme (Dark, Light)
image

An example:

image

JSON Config

Attributes

šŸ—ƒļø
Block Attributes

NameTypeDescriptionCommon to All
String

ā€œallā€ - for all livePagesā€œa1a03f6c-ā€¦ā€ - agenda id for specific agenda,can be separated using ā€œ,ā€ for multiple specific agendas

No
String

The cover image that you would want to set as default for the block. Eg: ā€œhttps://files-myxp.s3-ap-southeast-1.amazonaws.com/livestream/default_background/Light_BG_1.pngā€

Yes
Boolean

Does not allow popup to occur when this field is true.

Yes
Object

ReferĀ here.

Yes
Boolean

Only render background image when this field is true.

Yes
String

Sets the height of the block, only useful whenĀ fitHeightToContentĀ is false. Eg: ā€œ200pxā€, ā€œ2remā€Units can be: px, em, rem, %.

Yes
Boolean

Determines if the block visibility should be rendered by default.

Yes
String

Only needs to be specified whenĀ widthTypeĀ is ā€œcustomā€. Eg: ā€œ100%ā€Units can be: px, em, rem, %.

Yes
Boolean

Value of true would result in the block being wrapped with a white background.

Yes
Object

ReferĀ here.

Yes
Array

[ā€œ0ā€, ā€œ0ā€, ā€œ0ā€, ā€œ0ā€, ā€œpxā€]Last index can be: ā€œpxā€, ā€œremā€, ā€œemā€, ā€œ%ā€, ā€œā€.

Yes
String

[ā€œ0ā€, ā€œ0ā€, ā€œ0ā€, ā€œ0ā€, ā€œpxā€] Last index can be: ā€œpxā€, ā€œremā€, ā€œemā€, ā€œ%ā€, ā€œā€.

Yes
Boolean

true

No
Boolean

true

No
Boolean

true

No
Boolean

true

No
Boolean

true

No
Boolean

Setting this field to true would result inĀ blockHeightĀ to have a predetermined value.

Yes
String

ā€œheadingā€

Yes
Enum

"center" | "left"

Yes
Boolean

true

Yes
String

ā€œ#d392c0ā€Must be correct format for hex css

No
String

ā€œJoin Showā€

No
String

ā€œSponsorsā€

No
Boolean

false

No
Boolean

false

No
Enum

ā€œlightā€ | ā€œdarkā€

No
String

ā€œrich-16233ā€¦ā€

No
Boolean

true

No
Boolean

true

No
Integer

1

Yes
Boolean

true

No
Boolean

true

No
Boolean

true

No
Enum

Renders the block width styling based on the value selected. Only when ā€œcustomā€ is selected,Ā blockWidthĀ needs to be specified. Eg: ā€œfullā€ | ā€œhalfā€ | ā€œcustomā€ | ā€œfit-contentā€

Yes

Sample

"agenda-block": {
  "type": "Agenda",
  "title": "Agenda",
  "data": {
      "heading": "Agenda",
      "title": "Agenda",
      "headingVisibility": false,
      "headingAlignment": "center",
      "blockLayout": "single",
      "agendaFromLivePage": "all",
      "enableBookmark": true,
      "layout": null,
      "mode": "light",
      "moderatorsVisibility": true,
      "panelistsVisibility": true,
      "sessionDescription": null,
      "sessionDescriptionVisibility": true,
      "sessionTitle": "Agenda",
      "sessionTitleVisibility": true,
      "speakersVisibility": true,
      "order": 2,
      "alignment": "center",
      "blockWidth": "100%",
      "blockHeight": "340px",
      "widthType": "full",
      "fitHeightToContent": false,
      "boundingBox": true,
      "contentPadding": ["16", "16", "16", "16", "px"],
      "contentMargin": ["48", "0", "0", "0", "px"]
  }
}