Shader Family

If you would like to use custom shading - particularly important for text-extrude - then you can setup a shader family. They are used with the shader-family CSS property:

shader-family: <string>

Inherited?	Initial value
Yes	none (implies "StandardUI")

shader-family:"StandardUI Lit";

Creating a family

They're a group of 4 shaders:

• Extruded (PowerUI/FamilyName/Extruded)

Applies when text-extrude is in use.

• Isolated (PowerUI/FamilyName/Isolated)

This usually means videos and any other off atlas images. Part of the UI is "isolated" when it is a completely separate mesh and material from everything else.

• Normal (PowerUI/FamilyName/Normal)

The normal shader applies when the other ones don't. It's the one you'll most commonly see.

• SFX (PowerUI/FamilyName/SFX)

A more advanced version of the normal shader. It obtains the text anti-aliasing settings from the tangents of the mesh, allowing each letter to have individual styling. It's used by, for example, text-shadow.

The group of four shaders typically goes into a folder called FamilyName which is then placed within any Resources folder in your project. Examples of built in shader families can be found in PowerUI\Shaders\Resources.