Does lightning support letter spacing?

myusername · February 9, 2023, 5:12pm

Looking at the text docs, there is support for word wrapping, line height, etc., but I don’t see a letter spacing option. Just wanted to confirm whether this exists, and if so, what is the property called/why is it not documented? If not, then how do I achieve letter spacing with the text component?

Thanks.

chiefcll · February 9, 2023, 5:23pm

Use letterSpacing property. I’ll update the docs to include it. Usually I look in the Lightning source

github.com

rdkcentral/Lightning/blob/master/src/textures/TextTexture.mjs#L520


      
          if (this.shadowColor !== 0xff000000) parts.push("sc" + this.shadowColor.toString(16));
          if (this.shadowOffsetX !== 0) parts.push("sx" + this.shadowOffsetX);
          if (this.shadowOffsetY !== 0) parts.push("sy" + this.shadowOffsetY);
          if (this.shadowBlur !== 5) parts.push("sb" + this.shadowBlur);
          if (this.highlight !== false) parts.push("hL" + (this.highlight ? 1 : 0));
          if (this.highlightHeight !== 0) parts.push("hh" + this.highlightHeight);
          if (this.highlightColor !== 0xff000000) parts.push("hc" + this.highlightColor.toString(16));
          if (this.highlightOffset !== null) parts.push("ho" + this.highlightOffset);
          if (this.highlightPaddingLeft !== null) parts.push("hl" + this.highlightPaddingLeft);
          if (this.highlightPaddingRight !== null) parts.push("hr" + this.highlightPaddingRight);
          if (this.letterSpacing !== null) parts.push("ls" + this.letterSpacing);
          if (this.textIndent !== null) parts.push("ti" + this.textIndent);
          
          
if (this.cutSx) parts.push("csx" + this.cutSx);
          if (this.cutEx) parts.push("cex" + this.cutEx);
          if (this.cutSy) parts.push("csy" + this.cutSy);
          if (this.cutEy) parts.push("cey" + this.cutEy);
          
          
if (this.advancedRenderer) parts.push("aR" + this.advancedRenderer ? 1 : 0);
          
          
let id = "TX$" + parts.join("|") + ":" + this.text;

Topic		Replies	Views
Do we have a way of making part of a string bold? General Discussion	3	982	January 11, 2022
How can I get the length of the text in a label? Get Help	1	705	April 14, 2021
advancedRenderer not making text bold Get Help	10	602	September 3, 2024
Text VerticalAlign Get Help	3	382	October 3, 2022
How to add 'underline' style to TextTexture Get Help	2	169	January 31, 2024

Does lightning support letter spacing?

Related Topics