Mobile app version of vmapp.org
Login or Join
Gail6891361

: Sketch 'Resize to Fit' is disabled but my content still gets resized I have a symbol with text + an arrow and resize to fit is disabled however when I resize it the arrow still gets messed

@Gail6891361

Posted in: #Resize #SketchApp

I have a symbol with text + an arrow and resize to fit is disabled however when I resize it the arrow still gets messed up, am I missing something / doing something wrong??

Symbols Page


The Symbol in an artboard


The symbol being resized (raster arrow)


The symbol being resized (vector arrow)


Thanks in advance.

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Gail6891361

1 Comments

Sorted by latest first Latest Oldest Best

 

@Correia448

You'll want to do two things:




Set the text to be pinned to the top and left within the Resizing section of the right-hand inspector pane.





Then set the triangle to be pinned to the top and right, and enable Fix Width and Fix Height. This will ensure it stays the same height and width, no matter the size of your symbol.




The Result



A symbol that can be resized to any size you'd like and the triangle will stay the same size, shape, and absolute position relative to the symbol's dimensions.



But what if …

But what if you need another dropdown with a different size text and triangle?

Well, you can either:


Create a new symbol of a different size. You could keep the arrow the same size and make the text smaller (or visa versa).





Or use the same symbol and use the Scale option (and only the scale option). Adjusting the height and width manually won't scale things appropriately. That said, the text and the arrow will be scaled down at the same ratio — which might not be what you're looking for.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme