Introduce wrap property on ChoiceSet/Toggle
See original GitHub issueRelease | Renderer status | Tasks status |
---|---|---|
1.2 | ✔️ .NET (#2219) ✔️ Android (#2218) ✔️ iOS (#2216) ✔️ TS (#2423) ✔️ UWP (#2217) |
✔️ Shared (#2215) |
Solves requests
- Ability for ChoiceSet and Toggle text to wrap so that the text is all displayed (#1821)
Summary
Allow the authors to specify if they want their title to wrap. We could either:
- Change the current behavior and always wrap. The risk here is to degrade the experience for some existing scenarios
- Provide a setting in HostConfig to control title wrapping. This would allow hosts to opt into title wrapping
- Allow card authors to decide
I recommend option 3, with the default being “no wrap” to maintain compatibility with the current behavior.
Example
Add a wrap property to Input.Toggle:
{
"type": "Input.Toggle",
"title": "This is a very long title",
"wrap": true
}
Add a wrap property to Input.ChoiceSet:
{
"type": "Input.ChoiceSet",
"choices": [
{ "title": "This choice has a very long title", "value": "1" },
{ "title": "This is another choice", "value": "2" }
],
"wrap": true
}
Host Config
No changes.
Down-level impact
Low. Content simply won’t wrap, but it never did anyways.
Host burden
None. All handled by the renderer.
Renderer Requirements
- A renderer should respect the
wrap
property and display accordingly.
Auto-generated task status
- Shared
- .NET
- Android
- iOS
- TS
- UWP
Issue Analytics
- State:
- Created 5 years ago
- Comments:7 (3 by maintainers)
Top Results From Across the Web
flex-wrap - CSS: Cascading Style Sheets - MDN Web Docs
The flex-wrap property is specified as a single keyword chosen from the list of values below. Values. The following values are accepted: nowrap....
Read more >Styling a div based on the flex wrap property using javaScript
Is there a way to use javascript to check for the flexwrap property of the button container. I tried this code but it...
Read more >text-wrap: balance, a Revolutionary New CSS feature ...
The text-wrap property is used to control how text wraps within its container. When set to balance , it enables the automatic balancing...
Read more >A complete guide to CSS word-wrap, overflow ...
This article is an in-depth tutorial on the word-wrap, overflow-wrap, and word-break CSS properties and how to use them.
Read more >Panel.Wrap Property (System.Web.UI.WebControls)
Gets or sets a value indicating whether the content wraps within the panel.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Microsoft Teams is working on updating to 1.2. You can send your feedback to them using their UserVoice: https://microsoftteams.uservoice.com/forums/555103-public
Version 1.2 was released but it does not support most of the channels.
I would like to use this feature for MS Teams but at the moment you are supporting only version 1.0.
Why is it take that long to support that feature? when will it be available for MS Teams users?