menu
up-caret
down-caret

Sketch

The Sketch community on Spectrum. Sketch is the ultimate tool for designing user interfaces, websites, and icons.

# General

General chat

Trending conversations
Sketch 53 is out now, with better overrides, a redesigned Fill Popover, named…
@danielduke · 9d
How can I make a button symbol resize to the left when I edit the text in the…
@jakerowe · 11h
Searching for people who use Invision
@assentorp · 2d
Sketch Beta 54 is here!
@kev · 2d
Saved Canvas Layout Settings
@atribecalledgreg · 10h

Can I have symbols instance automatically adjust their height to fit text overrides?

Sketch/General · February 19, 2019 at 4:19pm

Can I have symbols instance automatically adjust their height to fit text overrides?

February 19, 2019 at 4:19pm

I have a series of "job rows" on my resume, each with a fixed-height header (year, company, job title, etc.) and a variable-height body below. Can I have symbol instance resize to snuggly fit this multi-line text?


February 19, 2019 at 6:47pm

Not with Auto txt setting. You have to make text box larger than might need. Use the snap edge settings so when you drag a box it would show more txt from overrides

Edited
  • reply
  • like

New feature for sure

  • reply
  • like

Definitely one of my biggest wishes for Sketch at this point. "Auto" and "Fixed" aren't enough. A third option for "Fixed width" would be aces.

  • reply
  • like

You can! Doable with Anima Stacks + Text boxes in "half-auto"-"half-fixed"-mode (by setting them to auto and then enter the desired width in pixels in the according field. You can see if your text box is in this mode when you can't adjust the vertical alignment anymore.)

Edited
like-fill
2
  • reply
  • like

March 6, 2019 at 11:28pm

You can! Doable with Anima Stacks + Text boxes in "half-auto"-"half-fixed"-mode (by setting them to auto and then enter the desired width in pixels in the according field. You can see if your text box is in this mode when you can't adjust the vertical alignment anymore.)

I'm trying your trick now, but now the trouble is it doesn't seem to resize the symbol to hold this now-larger text box. So the text stays at its fixed width but grows vertically. Excellent. But the symbol it's a part of is still at the smaller height, so any Anima auto-layout magic below it is messed.

See… here's a symbol and next to it a quick test of a vertical stack of two instances of that symbol. http://cozy.es/TbS3OP

Grumble!

  • reply
  • like

Try making txt largest size you might need and use Stacks. Some features of Anima don't render too well in Invision or Zeplin. Im getting mixed results even when exporting with Anima support

  • reply
  • like

March 7, 2019 at 9:40pm

The problem with Stacks is that some elements are moved at "render time" by the plugin, that information is not actually stored in the Sketch file, so there's no way to for Zeplin to render it. For that purpose Anima has a "Prepare export to other plugins" which effectively duplicates the file and removes all symbols... Not the best thing though...

like-fill
1
  • reply
  • like

Try making txt largest size you might need and use Stacks. Some features of Anima don't render too well in Invision or Zeplin. Im getting mixed results even when exporting with Anima support

Making the text box too big to fit the content (unless it's maxed out) sorta ruins the point.

Huff. It's not the future yet.

  • reply
  • like