Build a Google Assistant App with DialogFlow

Creating a Carousel of items UI element response with Firebase Cloud Functions and DialogFlow

This lesson is for PRO members.

Upgrade today to get access to all the PRO lessons.

Unlock this lesson

Autoplay

Up next

Playing a media object to the user with a Firebase Cloud Function using DialogFlow

Previous

Creating a BasicCard UI element response with Firebase Cloud Functions and DialogFlow

About

Another cool UI response that is available is the carousel. This Carousel displays a horizontal list of cards that the user can interact with. Each item has its own image and URL to be triggered by the selection of the item.
The Carousel has a limit of 10 items and a minimal of 2.

Summary of content

Adding the BrowseCarousel and BrowseCarouselItem classes
Creating a new BrowseCarousel
Creating a new BrowseCarouselItem
Adding the image and URL to the BrowseCarouselItem
Adding more BrowseCarouselItem items
Testing the BrowseCarousel

References

Responses
DialogFlow

Instructor

Links

Comments

There are no comments on this lesson, start the conversation below ...

>

You need to go PRO to post comments.

Log In or Go Pro

Lessons in Build a Google Assistant App with DialogFlow

Introduction to Actions on Google and using the Google Assistant

DialogFlow and the other available options of actions on Google

Creating an Google Assistant Action with DialogFlow

Creating your first DialogFlow Intent

Creating Dialog Follow up intents

Using the DialogFlow System Entities

Creating your first DialogFlow entity

Making your DialogFlow action smarter by editing the training phrases from the users usage

Having a better understanding of the Welcome and Fallback intents in DialogFlow

Ending your DialogFlow conversation

Create a DialogFlow agent fulfillment webhook using the Inline Editor

Deploying a DialogFlow fulfilment cloud function using the Firebase client

Adding JavaScript code to Firebase CloudFunction for your DialogFlow action

Creating a simple response to the user in JavaScript with Firebase Cloud Functions and DialogFlow

Creating a BasicCard UI element response with Firebase Cloud Functions and DialogFlow

Creating a Carousel of items UI element response with Firebase Cloud Functions and DialogFlow

Playing a media object to the user with a Firebase Cloud Function using DialogFlow

Playing media object and customising the Google's assistant voice using Speech Synthesis Markup Language on DialogFlow

Accessing users restricted data by requesting permission using Firebase Cloud Function and DialogFlow

Storing users data in the users storage using Firebase Cloud Functions and DialogFlow

Reading the stored data in the user storage using Firebase Cloud Functions and DialogFlow

Detecting, interacting and sending conversations between surfaces using Firebase Cloud Functions and DialogFlow

Debugging and fixing bugs in your Firebase Cloud Function

Deploying your Google Assistant Action to testing or production