Navigate Flex Grid
The Flex Grid component navigation can be entirely controlled through the SDK.
All of the following methods accept a single object as parameter.
This object will always contain at least the componentId of the targeted Flex Grid component, and sometimes will also require an index, which is the index of the tile that recieves an action.
| Action | Method | Parameters | Example |
|---|---|---|---|
| Open a media's detailed view | flexGridDetailsViewOpen | componentId - String index - Int | window.wyng['_WYNG_ID_'].flexGridDetailsViewOpen({ componentId: 'flex_grid_123', index: 2 }) |
| Close the details modal | flexGridDetailsViewClose | * componentId - String | window.wyng['_WYNG_ID_'].flexGridDetailsViewClose({ componentId: 'flex_grid_123' }) |
| Details View: Navigate to the next piece of content | flexGridDetailsViewGoRight | * componentId - String | window.wyng['_WYNG_ID_'].flexGridDetailsViewGoRight({ componentId: 'flex_grid_123' }) |
| Details View: Navigate to the previous piece of content | flexGridDetailsViewGoLeft | * componentId - String | window.wyng['_WYNG_ID_'].flexGridDetailsViewGoLeft({ componentId: 'flex_grid_123' }) |
| Load more content | flexGridLoadMoreContent | * componentId - String | window.wyng['_WYNG_ID_'].flexGridLoadMoreContent({ componentId: 'flex_grid_123' }) |
| Carousel: Navigate to the next page of content | flexGridCarouselGoToNext | * componentId - String | window.wyng['_WYNG_ID_'].flexGridCarouselGoToNext({ componentId: 'flex_grid_123' }) |
| Carousel: Navigate to the previous page of content | flexGridCarouselGoToPrev | * componentId - String | window.wyng['_WYNG_ID_'].flexGridCarouselGoToPrev({ componentId: 'flex_grid_123' }) |
| Carousel: Navigate to the particular page of content | flexGridCarouselGoToIndex | componentId - String index - Int | window.wyng['_WYNG_ID_'].flexGridCarouselGoToIndex({ componentId: 'flex_grid_123', index: 1 }) |
| Spotlight: Navigate to the next page of content | flexGridSpotlightGoToNext | * componentId - String | window.wyng['_WYNG_ID_'].flexGridSpotlightGoToNext({ componentId: 'flex_grid_123' }) |
| Spotlight: Navigate to the previous page of content | flexGridSpotlightGoToPrev | * componentId - String | window.wyng['_WYNG_ID_'].flexGridSpotlightGoToPrev({ componentId: 'flex_grid_123' }) |
| Spotlight: Navigate to the particular page of content | flexGridSpotlightGoToIndex | componentId - String index - Int | window.wyng['_WYNG_ID_'].flexGridSpotlightGoToIndex({ componentId: 'flex_grid_123', index: 1 }) |
After call of flexGridLoadMoreContent when new content is loaded and displayed the event flex_grid_new_content_added is sent (see event's payload in Supported Events section).
After call of flexGridDetailsViewOpen / flexGridDetailsViewGoRight / flexGridDetailsViewGoLeft the event individual_entry_expanded is sent (see event's payload in Supported Events section).