Roku Developer Program

Developers and content creators—a complete solution for growing an audience directly.
cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
Littlelies
Level 8

Custom font for Rowlist label ?

Hi, I would like to change the font for a rowlist label (to display Arabic chars).
I tried using rowLabelFont, but didn't manage to make it work.
How can I achieve that?
0 Kudos
9 REPLIES 9
EnTerr
Level 11

Re: Custom font for Rowlist label ?

Ha - WTH is type "font", i wonder?!
I mean, TFM says that rowLabelFont attribute type "font" but there is no such RSG type! (RSG types are enumerated here)
The doco imprecision can be vexing.
0 Kudos
RokuKC
Roku Employee
Roku Employee

Re: Custom font for Rowlist label ?

"EnTerr" wrote:
Ha - WTH is type "font", i wonder?!


Possibly https://sdkdocs.roku.com/display/sdkdoc/Font will help.
0 Kudos
EnTerr
Level 11

Re: Custom font for Rowlist label ?

"RokuKC" wrote:
"EnTerr" wrote:
Ha - WTH is type "font", i wonder?!

Possibly https://sdkdocs.roku.com/display/sdkdoc/Font will help.

I am afraid not - can you elaborate how does one assign an XML element (which "Font" is) to an XML attribute (which "rowLabelFont" is)?
As a reminder, XML attributes cannot be structured. And to re-iterate, RSG attribute types do not list a "font" data type - so if not from XML, i have no clue how to do that from B/S...
0 Kudos
RokuKC
Roku Employee
Roku Employee

Re: Custom font for Rowlist label ?

"EnTerr" wrote:
I am afraid not - can you elaborate how does one assign an XML element (which "Font" is) to an XML attribute (which "rowLabelFont" is)?


Your leopard-tracking skills are getting rusty. :roll: 😉

Notice the "role" attribute in the Font node, mentioned in https://sdkdocs.roku.com/display/sdkdoc/Font .

See https://sdkdocs.roku.com/display/sdkdoc ... Components and search for "<Font>".

Also https://sdkdocs.roku.com/display/sdkdoc/Typography .
0 Kudos
EnTerr
Level 11

Re: Custom font for Rowlist label ?

"RokuKC" wrote:
Your leopard-tracking skills are getting rusty. :roll: 😉

"Yeah, a regular Rip van Winkle", apparently.
I can't believe i forgot about the "role" karnapidasana. Tsk-tsk - I am disappointed in you, me! 😉

So to recap, the font can be 

  • specified as a string to the attribute (for system fonts)

  • assigned as roSgNode to the attribute (only in B/S)

  • or "the yoga role way" (only in XML)
0 Kudos
lisakb140
Level 8

Re: Custom font for Rowlist label ?

I am struggling with this same issue---what did you end up doing to make this work??
0 Kudos
ionatan
Level 8

Re: Custom font for Rowlist label ?

Did someone found a solution to use a custom font with rowlist label?

Update: role="rowLabelFont" would do it.
0 Kudos
norcaljohnny
Level 11

Re: Custom font for Rowlist label ?

Here are the steps to use a custom font

1. create a folder named "fonts" in the root folder of your app (ie components, images, fonts. out, source)
2. place the font in the newly created "fonts" folder (ie fonts(folder) > yourFontFile.otf(file))
3. create some Brightscript code for a font node and label node. (in this case I am using Apples SanFrancisco font named sf.otf and placed it in my "fonts" folder)


      label = CreateObject("roSGNode", "Label")
      font  = CreateObject("roSGNode", "Font")
      font.uri = "pkg:/fonts/sf.otf"
      font.size = 20
      label.font = font


So, now whenever I use the label node the font used for it will be my custom sf.otf font with a font size of 20

<label id=title text="Just some title" />
0 Kudos
MM_Lasse
Level 8

Re: Custom font for Rowlist label ?

You can declare a Font in a Label like this:

<Label>
        <Font
            id="IdYourFont"
            role="font"
            uri="pkg:/.../fonts/YourFont.ttf"
            size="40"
        />
</Label>

And use it in a RowList like this:

<RowList
           [...]
            rowLabelFont="dictionary:IdYourFont"
/>