Type Name
Sponsors
Usage
This block shows all the sponsors for the event.
Type
Content
Content Category
Event Information
About the Sponsors
The Sponsors block is used to showcase your sponsor's listing.
In order to utilise this feature, you will have to populate the information for Packages and Sponsors under the Sponsorship app first. Think of the Sponsorship app as an “inlet” through which the sponsor/exhibitor details are added, and the sponsors block as being the “outlet” through which the details are displayed and made visible to the attendees.
Creating a Sponsors Block
To create a Sponsors block, in the Venue Editor, click on "Add Blocks" button in the settings panel on the left, then choose "Sponsors" under the Event Information category.

Block Settings
The main setting of the Sponsor block is the Show which sponsors? setting where you can do your selection and sorting.
- Show which speaker (All Sponsors / Filtered List of Sponsors or Manually Select Sponsors)
To decide on the displayed information:
- Sorting
- Sponsor Information (Logo, Tagline, Name, Social media icons)
- Sponsor Bookmarking
- CTA (Text, Color, Open links to new windows)
- Theme (Dark, Light)
- Display (Card size, Number of rows, Card bounding and padding

JSON Config
Attributes
Name | Type | Description | Common to All |
---|---|---|---|
autoScrollEnabled | Boolean | false | No |
autoScrollTimeInterval | String | “4” | 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 |
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 |
images | Array | Refer here. | No |
isSlideshow | Boolean | false | No |
order | Integer | 1 | Yes |
spaceBetweenImages | String | “0px”.
Units can be: px, em, rem, %. | 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
"sponsors-block": {
"type": "ImageList",
"title": "Sponsors",
"data": {
"heading": "Sponsors",
"title": "Sponsors",
"headingVisibility": true,
"headingAlignment": "center",
"autoScrollEnabled": false,
"autoScrollTimeInterval": null,
"isSlideshow": false,
"spaceBetweenImages": "24px",
"images": [
{
"url": "https://venues-sdk.gevme.com/assets/sponsors/sample1.png"
},
{
"url": "https://venues-sdk.gevme.com/assets/sponsors/sample2.png"
},
{
"url": "https://venues-sdk.gevme.com/assets/sponsors/sample3.png"
},
{
"url": "https://venues-sdk.gevme.com/assets/sponsors/sample4.png"
},
{
"url": "https://venues-sdk.gevme.com/assets/sponsors/sample5.png"
},
{
"url": "https://venues-sdk.gevme.com/assets/sponsors/sample6.png"
},
{
"url": "https://venues-sdk.gevme.com/assets/sponsors/sample7.png"
}
],
"order": 7,
"alignment": "left",
"blockWidth": "100%",
"blockHeight": "178px",
"widthType": "full",
"fitHeightToContent": false,
"boundingBox": true,
"contentPadding": ["16", "16", "16", "16", "px"],
"contentMargin": ["56", "0", "0", "0", "px"]
}
}