opendialog | Conversational Experience Platform - the starting point | Chat library

To change the color of the text, you can use the placeholderStyle property:

You are trying to put a lazy list(which is in OptionListDialogContent) inside a text field

Instead of this:

The @query decorator won't work with dialog content generated by the renderer function, because all the dialog content is transported into a separate overlay element, which is not a child of your test-date-dialog. You can confirm this by inspecting the dialog content in your browsers dev tools for example. The @query decorator doesn't work in that case, because it only looks for children of the element on which it is applied.

One solution here could be to extract the dialog content from the renderer function into a separate Lit component (for example TestDateDialogContent), and render that component in the renderer function. Within TestDateDialogContent you can then use the @query decorator to access the date picker. You can also use the regular lifecycle methods, such as firstUpdated, to do other initialization, such as setting the I18N settings on the date picker, or making async calls to the backend.

In test-date-dialog-content.ts:

I found a lot of mistakes in your code so I made a new working fork on Codesandbox

https://codesandbox.io/s/asynchronous-material-demo-forked-oeg2p?file=/demo.js

Notes:

1. save the api response in a state instead of doing an API call whenever the user opens the dropdown.
2. you could make an API request in handleSubmit function to create a new category in the back-end
3. handleFormSubmit will output the value of Autocomplete.

Let me know if you have any questions.

Read more about autocomplete at https://mui.com/components/autocomplete/#asynchronous-requests

TypeScript: config-referrals.component.ts

Looks like you got almost everything right except for 2 things, both in the Sidebar.HTML file —

1. Given that you're using getElementById, you also need to add an id tag in the input fields
2. The implementation of google.script.run.withFailureHandler seems to be a bit off. You can read through the official documentation for more info
   • you can also skip using withFailureHandler altogether by just using google.script.run.myFunction(...)

Here's the final working code for reference —

A bit broad but here are some tips. Displaying dialogs is foreground thing (runs on main or UI thread) so it can not be done in background method of async task (it runs on background Thread).It is only allowed from methods such as onPostExecute(), onPublishProgress().

From knowledge-wise, it is not viable as it only supports string,

Please use the image URL instead.

Besides, you may also use the website URL. Often Web Scraper carries images preview of the website to Whatsapp so users will see the snapshot of the website.