Most important part of dash mod is Alignments.
Here you must text align on left, right, center for some titles, warnings and so on
Horizontal aligns is "left", "right" and "center"
Vertical aligns is "top","bottom" and "center"
Align can include both horizontal and vertical align is one statement or it can be nested. But sometime "nested" aligns can perform some artifacts with completed image, so you must found proper ratio of simple or nested aligns.
Example of rect

For example. Drawing rectangle for "fuel bar"
text: "<color value=@@clr_sel@@>
<img src=/material/ui/white.mat xscale=stretch height=5><ret>
<align vstyle=bottom><img src=/material/ui/white.mat xscale=stretch height=5></align><ret>
<align hstyle=right><img src=/material/ui/white.mat yscale=stretch width=5></align><ret>
<img src=/material/ui/white.mat yscale=stretch width=5>"
/material/ui/white.mat - is special texture with small size to drawing painted primitives.
I explain it by each line:
<color value=@@clr_sel@@>
we set "orange" color for all drawing elements
<img src=/material/ui/white.mat xscale=stretch height=5><ret>
Drawing top line of rectangle because by default align is "top,left", so we don't need set align in this line.
Line is "stretching" on horizontal axle and have height = 5 pixels.
Last <ret> turn "drawing point" to start of drawing area, we define it by element coordinates
coords_l: 50
coords_r: 750
coords_t: 600
coords_b: 400
<align vstyle=bottom><img src=/material/ui/white.mat xscale=stretch height=5></align><ret>
Drawing bottom line, horizontal stretching, height 5 pixels and return "drawing point" at start
<align hstyle=right><img src=/material/ui/white.mat yscale=stretch width=5></align><ret>
Drawing right line from top to bottom with width 5 pixels and stretched vertically and return "drawing point" back again
<img src=/material/ui/white.mat yscale=stretch width=5>"
Drawing left vertical line with width 5 pixels, from top to bottom, and we do not need return "drawing point" back, because we stop drawing in this element. Please note, that we do not use align for this line, because we draw it on left side of our rectangle.
So now we have "rubber" rectangle, and we can setup template for it or just copy from one mod to another, just change element area only.
You can say, that you can draw rectangle as texture, yes, you can, but I don't like using additional textures if I can do without them.
Another one aspect for aligns - it is text align
My example
text: "<font face=/font/big.font xscale=4 yscale=4>%0 <sub>%1</sub></font>"
We can align right
text: "<align hstyle=right><font face=/font/big.font xscale=4 yscale=4>%0 <sub>%1</sub></font></align>"
Or we can create warning text, that can be aligned on display center
text: "<color value=@@clr_red@@><align hstyle=center vstyle=center><font face=/font/big.font xscale=4 yscale=4>VISIT SERVICE</font></align>"
So we can see red text "VISIT SERVICE" on center of element coordinates, not full dashboard, if we set
coords_l: 50
coords_r: 750
coords_t: 600
coords_b: 400
for this element.
Please be noticed that "<aling>" always must have close tag "</align>", even you use "nested" align blocks, each opened "<align>" must be closed by "</align>" tag, otherwise you get warnings on game log.
To be continued....
Next will be start of practice, so I need some more time for prepare screenshot and so on.