Adaptive dialogs with Bot framework skills sample - botframework

Based on this Release Notes it looks like Skills have been updated to work with adaptive dialogs, and both adaptive and traditional dialogs will now accept all types of activities.
Is there any example code to see how to use Adaptive dialogs in Bf skills for node? I didn't find in samples

You should use the BeginSkill action. There is a document here that shows you how to do this in Composer.

Related

How to add custom UI elements inside chat window using MS Teams Toolkit?

I previously worked on creating VSTO and Office addins for MS Outlook, Excel and Word using C# VS. Now I have a plan to build one for MS teams. So, I checked online and found the documentation.
But I didn't found that how I can add custom UI elements (text, buttons etc.) inside a chat window. For example: Teams suggested replies shows suggestions inside button above the chat textbox.
Do anybody have an idea that how I can achieve this one?
you might want to start with these docs:
build a command-response bot that you can customize the messages in chat window to either text or adaptive cards (on which you can have buttons).
and notification bot doc which has more information on customizing adaptive card for Teams apps.
there are also docs on message extension on the same doc site, you can take a look to decide which is what you want to build.

UI / UX designer tool with custom style

My clients have their home grown style sheets for buttons, labels, alerts etc for consistent look across their applications.
Now if I want to create high fidelity mockups for client review, is there a way to generate mockups using the styles sheet they have?
Any tools like Adobe / Sketch can do the same?
Appreciate your feedback.
Figma is a great tool which helps us to build a master template of certain UI component and use it across the prototype wherever it's needed. Similarly, you can use Adobe XD and Sketch which also have similar kind of features also.

How to implement Search members functionality (Similar to Praise App) in Adaptive Card invoked via MS Team's Message Extension feature

I am working on MS-Team App which has features similar to Praise(Default app). This app will have "Message Extension" capability which will enable user to invoke it from bar/compose section and will show a wizard. The wizard is implemented through task/fetch-continue-submit workflow.
My question is that in Praise app, I can see a functionality of searching users and then adding it to a list(See attached image). I think that is built inside Adaptive Card but I don't see any such control/event in adaptive card to implement same thing. So how they have implemented it or there is something I am missing?
I don't think you can do this with adaptive cards and will need to make your own custom UI to display via a task module response.
Over at the adaptive cards feature portal, you can vote for this as a feature to add: Dynamic searchable select menu (like select2)
(I also would very much like to do this in an adaptive card from a messaging extension, so I'll be interested to hear if anyone else thinks there's a way to do it.)

Possible to change the size of rendered cards?

is it possible to change the size of these cards in Skype or any other messaging platform available via the Microsoft Bot Framework?
As you can see the text is cut off which is problematic, since it doesn't seem like it's possible to expand the card in the Skype UI.
As Ed said, you would have to modify the card's code itself. The cards are rendered differently depending on the channel you view them through. There is a slightly outdated channel inspector here that shows how the different card types are rendered on each channel, if they render at all (for example, adaptive cards do not work well, if at all, on Skype, and Lists look dumb on Facebook).

Difference between pager and notifications

I am not really understanding what's the difference between using a notification to build a ui where you can perform an action (click on button or display a card) and using the GridViewPager to do that.
I am creating an app where you can perform actions with a button (following the spec of google, on action/button per page). I am using the GridViewPager to do so. But looking at the samples that google provides and looking at the different wear apps that I could find, it looks like a lot of the applications have the same design : buttons with a blue background circle, provided by the Notification class.
In which case should I use the GridViewPager or the notifications?

Resources