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 ...

>

Log In or Go Pro

Lessons in Build a Google Assistant App with DialogFlow

1. Introduction to Actions on Google and using the Google Assistant

2. DialogFlow and the other available options of actions on Google

3. Creating an Google Assistant Action with DialogFlow

4. Creating your first DialogFlow Intent

5. Creating Dialog Follow up intents

6. Using the DialogFlow System Entities

7. Creating your first DialogFlow entity

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

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

10. Ending your DialogFlow conversation

11. Create a DialogFlow agent fulfillment webhook using the Inline Editor

12. Deploying a DialogFlow fulfilment cloud function using the Firebase client

13. Adding JavaScript code to Firebase CloudFunction for your DialogFlow action

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

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

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

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

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

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

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

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

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

23. Debugging and fixing bugs in your Firebase Cloud Function

24. Deploying your Google Assistant Action to testing or production