How to Do the next process when i am click the button in bot framework by using Thumbnail Card - bots

I am developing one bot frame work project in that I have some requirement is like below.
whenever I click the button in Thumbnail card next I want to display the List of Items in horizontally after displayed the List of items, Next I click on any one List of item it will be redirected to My Own URL.
Present I am displaying Thumbnail Card like below
Now I want to display the list like below when I am click the button

None of the current channels support arbitrary card designs as of yet, so you are limited to the set provided by the channel (i.e. Skype, Facebook, Telegram, etc.)

Related

How to display images accourding to choise from dropdown?

I'm creating a Django website where I want to implement such functionality.
There will be one Dropdown list and one submit button. When user selects any item from dropdown list - An image according to user selection will be displayed.
ie. There's drop-down list containing names of animals and one submit button. When user selects any animal from list, photo/details of that animal should appear before pressing submit button.
I don't know how to create link between them. Any reference to such work or advice would be appreciate.
Thank you :)
You likely want to use async request with JavaScript here (look for AJAX or JS Fetch API)
Attach it to onchange event of select element and send it's value to django.
Django will have a view that processes this request and returns a JsonResponse with image url.
Alternatively you can load all urls before hand and just select them on page without request, but anyway if you don't want to press button to take change - you need JavaScript.

Chrome API chrome.desktopCapture.chooseDesktopMedia - How to get the id of selected tab?

I am using desktopCapture.chooseDesktopMedia with only ["tab"] option to choose the tab to be streamed. After making the selection, chrome doesn't automatically switch to the selected tab. How can I get the tab ID that was selected so that I can make it active? I only receive a stream ID in the callback.
Good question, but reading the docs seems to suggest you don't get that information in any way, nor can you change the flow to having the user select the tab first and then offering only that tab for capture.
Might be a candidate for a feature request over at https://crbug.com/

Clickable HeroCard location Images

Hero card contains array of CardImages, which data was returned by Microsoft BotBuilder-Location and bot framework rendering cards. I have to make images(locations) clickable. Where can we include required changes and how we make images clickable.
Use the Buttons Feature of the HeroCard , you can use the Image to be displayed for the button and then you can configure the image to be clickable, or another option is to set the Tap Property of the CardImage object

Fetching Gmail UI element

This is not strict Gmail-API question, but is closely related to Gmail.
I have small extension for Gmail that allows users to zoom on incoming emails and list of emails. video explanation on YT
For that to work, I need to fetch that upper-left corner element and inject button in it, so that users can easily invoke popup with zoom controls.
Problem is, in new Gmail, that element is changing Class Name regularly (second time in the last month), and since I'm fetching it trough ClassName, extension gets broken (no button injected).
Is there any "safe" element, that won't change class in the next update, so that I can hook my logic onto it?
I was thinking to fetch form element (the main search on top), and then trough hierarchy and previous sibling get that left element...
but I'm not sure if that will work, maybe because of some customization or right-to-left languages DOM structure is not the same

Browser add on/extension to intercept data selection then simulate link click and data entry

Background: a third party web application with a requirement on the order page to explicitly guide staff when a certain category of product is ordered.
Normal process:
select product to add order line (click on product image)
New process:
select product to add order line (click on product image)
[add on] simulate click on edit order line
[add on] simulate clear of default additional information form fields
enter additional information and click save
Note that the two steps to be performed by the add-on could be performed by the user however when things get busy or new staff begin is often the case that the order gets processed with the default value.
Any pointers in the right direction would be appreciated.
A multi-browser solution is preferred but not essential.
I am an experienced developer, including web development, but have no experience in browser add on/extension development.
Thanks.
You can make an addon out of this very easily. You addEventListener to the gBrowser and if the event.target is the product element then preventDefault so the click doesnt go thru (you will have to do mousedown and mouseup prevent as well). Then rather get the id of the "edit order line" and do .click() if that doesnt work and you really need to simulate use MouseEvent:
MDN :: MouseEvent
MDN :: Initatite/Dispatch MouseEvent
To enter aditional information get the id of the fields, and set their value. Then get the "Save" button id and then do .submit() or .click()
i said do get id in this post but you can use querySelector and go by css selector
see this page here on how to interact with content in currently selected tab:
https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Tabbed_browser
basically just do gBrowser.contentDocument.getElementById

Resources