Make Text Layer "Fixed Size", not just "Auto Height"

njcrowther22

In Sketch 56, I'm trying to make my text layer "Fixed Size", but when I set the textLayer.fixedWidth to true, it makes it "Auto Height".

I want to be able to then set the vertical alignment, but I can't do that on Auto Height, only if it's Fixed Size.

Help? Is this a bug?

njcrowther22

And actually this doesn't even seem to work if I go back to version 55.2. The text layer options show up as fixed width and bottom aligned (closer), but the text layer renders top and left aligned on the canvas.

kevgski

So maybe @mathieudutour can clarify a bit but there doesn’t seem like the possibility to set a Fixed Size via the Sketch JS API?

I’m only able to set it through textBehavior

let sketch = require('sketch')
let document = sketch.getSelectedDocument()

let textLayer = document.selectedLayers.layers[0]
textLayer.sketchObject.setTextBehaviour(2)

// 0 is variable width (fixed height)
// 1 is variable height (fixed width)
// 2 is fixed width and height

document.sketchObject.inspectorController().reload()
// don’t forget to reload the inspector for you to see your changes

njcrowther22

Thanks @kevgski ! The setTextBehaviour worked!

Only problem now is that the sidebar has "fixed size" and bottom alignment selected, but the layer still shows as top-left aligned. This is even after reloading the inspector. ☹️

Thanks for the help!

kevgski

If you want to control vertical alignment that is under a different property.

let sketch = require('sketch')
let document = sketch.getSelectedDocument()
let Text = sketch.Text

let textLayer = document.selectedLayers.layers[0]

textLayer.sketchObject.setTextBehaviour(2)
// 0 is variable width (fixed height)
// 1 is variable height (fixed width)
// 2 is fixed width and height

textLayer.style.verticalAlignment = Text.VerticalAlignment.center
document.sketchObject.inspectorController().reload()

https://developer.sketch.com/reference/api/#textverticalalignment

njcrowther22

Ah. That worked! Thank you so much for the help!