📙
Documentation
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
agendaFromLivePage
String
“all” - for all livePages“a1a03f6c-…” - agenda id for specific agenda,can be separated using “,” for multiple specific agendas
No
backgroundCoverImage
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
backgroundCoverImageDisablePopup
Boolean
Does not allow popup to occur when this field is true.
Yes
backgroundCoverImageDistortion
Object
Refer here.
Yes
backgroundCoverImageVisibility
Boolean
Only render background image when this field is true.
Yes
blockHeight
String
Sets the height of the block, only useful when fitHeightToContent is false. Eg: “200px”, “2rem”Units can be: px, em, rem, %.
Yes
blockVisibility
Boolean
Determines if the block visibility should be rendered by default.
Yes
blockWidth
String
Only needs to be specified when widthType is “custom”. Eg: “100%”Units can be: px, em, rem, %.
Yes
boundingBox
Boolean
Value of true would result in the block being wrapped with a white background.
Yes
breakpoints
Object
Refer here.
Yes
contentMargin
Array
[“0”, “0”, “0”, “0”, “px”]Last index can be: “px”, “rem”, “em”, “%”, “”.
Yes
contentPadding
String
[“0”, “0”, “0”, “0”, “px”] Last index can be: “px”, “rem”, “em”, “%”, “”.
Yes
enableBookmark
Boolean
true
No
enableCalendar
Boolean
true
No
enableJoin
Boolean
true
No
eventOnGoogle
Boolean
true
No
eventOnOffice365
Boolean
true
No
fitHeightToContent
Boolean
Setting this field to true would result in blockHeight to have a predetermined value.
Yes
heading
String
“heading”
Yes
headingAlignment
Enum
"center" | "left"
Yes
headingVisibility
Boolean
true
Yes
joinButtonColor
String
“#d392c0”Must be correct format for hex css
No
joinButtonText
String
“Join Show”
No
logoHeading
String
“Sponsors”
No
logoHeadingVisibility
Boolean
false
No
logosVisibility
Boolean
false
No
mode
Enum
“light” | “dark”
No
name
String
“rich-16233…”
No
openCalendarInNewTab
Boolean
true
No
openJoinInNewTab
Boolean
true
No
order
Integer
1
Yes
sessionDescriptionVisibility
Boolean
true
No
sessionTitleVisibility
Boolean
true
No
speakersVisibility
Boolean
true
No
widthType
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"]
  }
}