question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Introduce wrap property on ChoiceSet/Toggle

See original GitHub issue
Release 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:

  1. Change the current behavior and always wrap. The risk here is to degrade the experience for some existing scenarios
  2. Provide a setting in HostConfig to control title wrapping. This would allow hosts to opt into title wrapping
  3. 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

  1. A renderer should respect the wrap property and display accordingly.

Auto-generated task status

  • Shared
  • .NET
  • Android
  • iOS
  • TS
  • UWP

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
andrewleadercommented, Jun 12, 2019

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

0reactions
Shon-Eliascommented, Jun 12, 2019

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?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found