Taskbar widget button style

[markox92]

I want style widget so that text is show inline, this is what I have now, but this is not good, Anyone has idea how to make first text Width auto or something like that so does not overlap 2nd text ?

  "controlStyles[16].target": "AdaptiveCards.Rendering.Uwp.WholeItemsPanel > Windows.UI.Xaml.Controls.TextBlock[2]",
  "controlStyles[16].styles[0]": "Margin=0,-16,0,0",
  "controlStyles[17].target": "AdaptiveCards.Rendering.Uwp.WholeItemsPanel > Windows.UI.Xaml.Controls.Grid",
  "controlStyles[17].styles[0]": "Margin=0,9,0,0"

Current

Edit: Icon also need to move top I think

[bbmaster123]

it would be nice if the text auto resized to fit, but in this case auto is letting the text overlap. This is the best I could come up with so far, let me know if this helps any, and remember to remove Text=, I just didn't have long enough text to test with

It might still look a bit off, there isn't a good way to control the behavior of the stackpanel, we can basically only style the output of the stackpanel, at least within the styler mod:

"controlStyles[0].target": "Border#LargeTicker2 > AdaptiveCards.Rendering.Uwp.WholeItemsPanel > TextBlock[2]",
"controlStyles[0].styles[0]": "Margin=0,-16,0,0",
"controlStyles[0].styles[1]": "HorizontalAlignment=2",

"controlStyles[1].target": "Border#LargeTicker2 > AdaptiveCards.Rendering.Uwp.WholeItemsPanel > TextBlock[1]",
"controlStyles[1].styles[0]": "Margin=0,8,0,0",
"controlStyles[1].styles[1]": "Width=50%",
"controlStyles[1].styles[2]": "Text=22°CCCCCCCCC",
"controlStyles[1].styles[3]": "Padding=0,0,-18,0"

[markox92]

Here is how looks now, still this is not what I want to make, maybe hiding the 2nd text would be a better idea

[bbmaster123]

yea its difficult to properly control the spacing in all cases, since we can't adjust the width of the button, or shrink the text based on the length of the textblock. I mean wee CAN set both of those things, but we can't make the values depend on the length of the text is what I mean.

clearly fist screenshot they are too close together, 2nd screenshot is almost good, and 3rd screenshot, the second textblock is way too far to the right. Unless I'm misunderstanding what you actually wanted to make, in which case please make a screenshot mockup, even a low quality one would be fine

otherwise, hiding the second textblock might be the best option, which you can do with

"controlStyles[0].target": "Border#LargeTicker2 > AdaptiveCards.Rendering.Uwp.WholeItemsPanel > TextBlock[2]",
"controlStyles[0].styles[0]": "Visibility=Collapsed",

[markox92]

clearly fist screenshot they are too close together, 2nd screenshot is almost good, and 3rd screenshot, the second textblock is way too far to the right. Unless I'm misunderstanding what you actually wanted to make, in which case please make a screenshot mockup, even a low quality one would be fine

2nd screenshot is ok and that is what I want to make, simple inline text for Widget button