Custom Styles

The following styles can be used to alter the way that qdex elements are displayed. It is important when updating an element's style that you check how it looks on devices of different types and sizes; styles can affect elements differently across devices.

To use one of the styles below, enter the style and the appropriate attribute inside of a style tag. Look at style scoping to see where and how to use styles efficiently.

For example, to create the styled paragraph below, apply a style that alters the background color, width percentage and horizontal alignment of a stack. Colors can be specified using their X11 name or their RGB(A) value.

<style name="myStackStyle">
  <background color="whiteSmoke" />
  <widthPercentage>0.75</widthPercentage>
  <horizontalAlignment>center</horizontalAlignment>
</style>

<p>Remember, a Jedi can feel the Force flowing through him. You mean it controls your actions? Partially. But it also obeys your commands. Hokey religions and ancient weapons are no match for a good blaster at your side, kid. You don't believe in the Force, do you?</p>
<stack style="myStackStyle">
  <p>
    For eight hundred years have I trained Jedi. My own counsel will I keep on who is to be trained. A Jedi must have the deepest commitment, the most serious mind.
  </p>
</stack>
<p>Kid, I've flown from one side of this galaxy to the other. I've seen a lot of strange stuff, but I've never seen anything to make me believe there's one all-powerful force controlling everything. There's no mystical energy field that controls my destiny. It's all a lot of simple tricks and nonsense. I suggest you try it again, Luke. </p>

The following styles can be used to alter the style of text (paragraphs, titles, etc).

The following styles can be used to alter all elements.