I am using "Action.ShowCard" to show another card in adaptive cards - specifically spfx ACE in the Viva Connections Dashboard.
I cannot see a way to get the new card to appear anywhere other than the bottom of the parent card. Is it possible to get it to appear somewhere else? Ideally I would like some more content under the button that calls "Action.ShowCard".
For example, if you look at the simple examples here: https://adaptivecards.io/explorer/Action.ShowCard.html you will see that the new adaptive card that is shown to the user always appears at the bottom. This is OK when there is not much content on the parent card, but when the parent card has a lot of content then the user experience is not so good as they miss the new content at the bottomn of the card.
If you are in Preview mode, you would single click to expand the card. When editing, you need to double click the Action.ShowCard button to have it display its associated fields. Then, you can add the additional actions, etc., that you want.
Related
Tldr; Need to send messages into Matrix room, with message having UI and Clickable buttons.
First of, I am junior developer (1 month experience) working for an enterprise (xyz).
Matrix is one part of the big project. Basically, Company XYZ will generate some Json data, that I need to send in a Matrix room (with multiple users in room).
I have to make a readable UI/Card from that Json, and send it in room. This card will have some buttons that room users can click.
On user click, we get back an event about which button was clicked, and perform any corresponding action.
We are also making same thing for other chat apps like Teams and Slack. There, we have a bot for sending message. And Adaptive Cards for Teams UI and Block Kit for Slack UI. I am looking for something similar in Matrix.
I found inline widget and Room Widgets related to my requirement.
1.Has Inline Widgets been implemented yet?. Any documentation would help
2.Will Room Widgets work for my requirement?
3. Any other option, without using bot that can work for Matrix
I'm writing a bot and making heavy use of HeroCards and Adaptive Cards.
When I use the Adaptive Card Builder, the buttons always line up horizontally which is what I need. Once deployed, they always end up stacking on top of each other vertically.
This creates a huge problem especially in cases where pressing the button launches an action like opening a set of radio buttons of a textbox that asks for user input: the box will appear at the bottom (or whatever controls).
Outside of looking bad, the functionality gets confusing b/c users may think they are answering the wrong item.
Here are two examples:
How it should look and does look in the designer:
Here's what they look like in the channel:
Also, I'm just curious, the purple buttons on the Q&A builder, are those just traditional buttons or are those called something special? I was using it at first, but then moved to LUIS which doesn't seem to drive the difference, but just as a FYI, I want the same buttons to line vertically, this is the result of what happens (compared to item 1):
I have the code, but I think it's something in the frame or was thinking it was the emulator, but even when I go to the bing channel (seems to render only in Edge but I think it's b/c of Ghostery with Chrome).
Is it the container, b/c the code in the builder always looks right?
And sorry to be redundant, but on the Q&A, if someone can tell me if the purple buttons have a equivalent in cards in Bot Framework and they are just styled or if it's specific to Q&A I'd be very grateful.
Glad to post the code is it'd be helpful, but I'm stumped.
In order to achieve the purple buttons, you'll have to style the WebChat component yourself. The BotFramework-WebChat README on Github describes how to achieve this. You can easily style the buttons with CSS, to achieve your own look and feel.
The vertically lined buttons look like a HeroCard with buttons, however I am not 100% sure. The look and feel of an Adaptive Card can differ between multiple channels at the moment, since it isn't really mature yet. However this can also be styled.
Is there a way to reference page numbers in PowerPoint, the way one can do in Word? For example, I'd like to be able to write "details on page 10" and to have the number 10 updated automatically if the page number changes because I have added or removed other slides.
No, afraid not, at least not out of the box, though one might be able to write an add-in that updated everything when the user clicks a button or (with more effort) automatically when they add/remove a slide.
Currently, it appears like a square with no text beside, we want to customize the look & feel without disturbing the icon of course to match our other buttons.
Already tried adding styles to the div which is converted to the share icon, but unsuccessful so far.
<div id='widget-div' class='btn btn-blue'>Google Classroom</div>
The above line renders as below :
Any idea how to proceed further or which direction to look into ?
To get a completely different share button you will need to write your own JS to style the button correctly, handle the mouse click, etc., and then direct the user to a URL of the form https://classroom.google.com/share?url=https://foo.com/ (source). (You'll need to following the branding guidelines too.)
To modify the button you can refer to the Share button documentation. However, there are some restrictions that you would need to follow to modify the Classroom button in the appropriate way.
Here you can find all the specifications and restrictions to the logo. Check if these specifications allow you to modify the logo accordingly to your needs.
You can put the white logo (square or circle) on a colored background of your choice. Full brand guidelines here
For this question, I don't require a full explanation of all code, but helping me get insight into the process for achieving this result would be very helpful! Some information sources that will lead me to where I want to be.
Don't hesitate to give your opinion or make suggestions on how you would make it better in case you have better ideas - We just want to jump off the regular photo album system.
In the added screenshot I have added a painted image that makes the purpose clear.
Albums are created by tapping the "+" sign. (This shows a popup window in which the user can tag a bar/event to which the picture applies; the bar/event profile picture will appear on the album cover).
Newly taken pictures should appear in a separate band on the screen. They will float there until the user drags and drops them into an album. Note that the picture is also taken from within the app (using the native camera of the smartphone).
When the user added them to an album that was tagged, they will also be displayed automatically in the gallery of the tagged bar/event profile. (Of course in the app, personal profiles will be available as well).
Which technologies / workflow would you advise me?
What I need to create now is just an empty shell for the app that demonstrates the visual workflow (the data flows are not important at this point).
I have read about some libraries such as three20 or UIImagePicker, I don't know if they are easy to customize towards our needs.
Thanks!
I cannot comment on the likes of Three20 as I have never actually used them.
One method I can suggest, is using a number of scrollviews. Based on your example, you would require 2 individual scrollviews. (For ease lets call them AlbumsSV and PicturesSV).
The AlbumsSV would dynamically load content, based on your backing store. One approach I have used in the past, is to load custom views into a scroll view, as this allows for maximum control, you can specify any requirements as properties of the view (i.e Primary key etc), also you can load a 'preview image' based on the data held in your data store.
Assuming you always want the ability to add new items to be last element added to the AlbumsSV, then you can simply add another custom view to the AlbumsSV after all other items have processed.
PicturesSV would simply load content based upon what is in the users camera roll. Again I would recommend using a custom view, as you can set properties such as FileURL etc on the custom view, this will aid when it comes to dragging items into a specific album.
Hope this helps :)