Can we resize buttons in Adaptive Card? - node.js

Can anyone explain the scenario where we can resize the button in adaptive
cards. In the adaptivecards.io itself?

Yes, we can resize the button in Adaptive Cards. However, it also depends on where you are trying to display the cards. In Adaptive Cards, hosts like Outlook, Microsoft Teams, and Bot Framework control the size and alignment of buttons. Card authors (people sending cards to these hosts) do not get to control button size and alignment.This is done to ensure that cards rendered on a host always look and feel consistent.
If you're a host, hosting cards in your own website/app, then you can use the host config to control button styles. If you are using Bot Framework SDK, you will have to assign a Host Config in their SDK, as the SDK is rendering the cards. This Host Config would apply to all cards that get rendered within your web page's bot.
This is a sample that shows how to integrate host config in the bot solution.
Attached is the GitHub issue related to the same from which the above information is extracted.
Hope this helps!!

Related

Rotate screen orientation on Web App Tizen [TV]

I'm developing a Web Application on Tizen. My application was first developed on other platforms like iOS and Android.
Basically it starts on Landscape mode and plays remote content such as image, video or opens a web page. It has a menu inside the app to offer people the ability to change the screen orientation inside the app manually.
This approach is quite easy on iOS and Android but on Tizen seems it doesn't work that easy.
I'm following Tizen's official documentation which send's us to : https://w3c.github.io/screen-orientation/
But, can't make it work even though I followed steps written on the link above.
This is what I got when I try to rotate:
Trying with :
screen.orientation.lock('portrait-primary')
Error :
Promise {}
index.html:1 Uncaught (in promise) DOMException: The page needs to be fullscreen in order to call screen.orientation.lock().
P.S. The app is already in fullscreen. The error is not relevant.
Do you have any ideas ?
Thank you
For all to those who are still trying to achieve this:
After having a long discussion with Samsung, they claimed that supporting the TV orientation via code is not possible right now (Not sure if it's gonna be implemented in the future).
These restrictions come due to different operability of the hardware components on different orientation.
The only way to rotate your screen is to do it via Samsung's TV Settings so that it can prepare its hardware for the chosen orientation.
There are a special Samsung TVs for Advertising market (Digital Signage series) that are ready to set the orientation of the screen.
I comercial Samsung TV sets Tizen is not able to rotate some kind of elements (as far I know the video object are one of the HTML elements that cannot be rotated)
I've developed some apps for Tizen and for one customer I tried to make a video wall but it was impossible due the firmware limitation of Tizen (it's a marketing strategy in order to avoid having hotel and digital signage capabilities in commercial TV sets)

How to make Azure Media Service hosted video auto play on mobile?

I am working on a project where by we are hosting and streaming video through Azure Media Service.
There is a particular video we have positioned as the hero background upon entry to the site. On desktop the video auto-play's and streams just fine but on mobile it does not autoplay at all. It simply showcases the preview image.
I'd love to be able to paste a link to the site but unfortunately due to the confidentiality of the project I am not able to. However, if there is something in particular you'd like me to post to help support the question please let me know.
The web-app is build using Angular.
Does anyone know how to fix this problem? or can point me in the right direction?
Check with the browser platform you are targeting on the mobile applications. Most mobile browsers have disabled autoplay. User MUST now initiate all playback actions.
Since the release of iOS 10 Apple has allowed muted video autoplay: https://webkit.org/blog/6784/new-video-policies-for-ios/
Chrome 53 on Android also allowing muted video autoplay: https://developers.google.com/web/updates/2016/07/autoplay

Webpage Icon on Desktop and Notification Badge

We have a web portal and our client have a requirement of keeping the webpage icon on the desktop that part was as easy as keeping and shortcut with icon which points to Webpage, however they also want to have dynamic notification badge on the icon something similar to below one -
This notification badge will keep changing based on number of action items, I couldn't figure out how to solve this without having an full fledge desktop application any pointer or help would be greatly appreciated.

Capturing and Saving Images using Camera in xPages

I have a requirement of capturing person image using camera and storing in IBM Notes native database and displaying it a field / area on front end (on xpage). Can I achieve this functionality in xpages? Supported equipment e.g. camera?
Can you please guide me is this possible? If yes how it's possible for both thick and thin client.
Thanks in advance,
Best Regards,
Qaiser
If you want to do this using a web application/ XPage (and not an app) you can't access the camera directly. However, if you use a file upload control on a mobile device (Android or iOS smartphone or tablet), it will ask you if you want to select a picture from the local gallery or take a picture.
I would use that feature to take and immediately upload the picture to the database. I recently wrote an article how to accomplish that using DropzoneJS: that plugin allows you to add for example a button to your XPage that says "Take picture" and immediately upload it to your Domino database once the picture is taken.

how pocket chrome extension integrate buttons on Twitter for one-click saving

Pocket chrome extension has a feature that "Integrated buttons on Twitter.com and Google Reader for one-click saving".
Here's a screenshot of my twitter timeline.
Every tweet will have a bunch of buttons (Reply, Retweet, Favorite, etc) if we hover over it. With the Pocket extension enabled, we can also have a integrated pocket button and save tweet to pocket with one-click (red line).
I wonder how that can be implemented since I intend to add my own buttons that will sync tweet to other services.
And ideas or links would be helpful.
Thanks
To modify the content of a web page, you have to use content scripts. In your content scripts, you will call DOM functions to add those share buttons (depending on how the page is generated and the structure of the page, it can be very easy or very tricky). And you add a click event listener to those added buttons. In the event handler, you can obtain the tweet text and send a message to the background page. Your background page handles these messages and make appropriate XHRs to share the tweet to other services.

Resources