• Page HUD
  • Opacity - slider, 0-100%. Defines opacity for the whole frame.
  • Mode - dropdown menu, radio buttons or checkboxes
    • Custom - default style, allows editing
    • Lock - locks current style, doesn't allow changing until another mode is chosen
    • Template - Recovers the style defined by the template.
  • Border style
    • Border size - Text field. Defines border width. Says "Custom" when advanced border is chosen
    • Border color - Color box. When clicked, triggers a Color picker.
  • Background style
    • Solid color - color box
      • Gradient - color box
      • Image - button that allows "Drop", otherwise triggers a dialog
      • Pattern - button that allows "Drop", otherwise triggers a dialog
  • Advanced page
    • Advanced border
      • Top - Text field. Defines top border width
      • Right - Text field. Defines right border width
        • Bottom - Text field. Defines bottom border width
        • Left - Text field. Defines left border width
      • Advanced background - active when an image is selected
        • Image offset
          • X - Text box, default is 0
          • Y - Text box, default is 0
        • Image Size
          • Width - Text box, default is the width of the chosen image
          • Height - Text box, default is the height of the chosen image
          • Lock - Checkbox or button, default is ON.
        • Image opacity
          • Slider - 0% - 100%. Default is 0.
        • Image Rotation
          • Textbox, in degreees, 0-359, default is 0.

• Frame size and position HUD

Frame size and position

• Interaction Design This HUD is fairly basic. Controls are the following
  
  • Mode - dropdown menu, radio buttons or checkboxes
    • Custom - default value, allows editing
    • Lock - locks current size, position, margin and padding, doesn't allow changing until another mode is chosen.
    • Template - Recovers the size, position, margin and padding defined by the template.
  • Size
    • X - spinner
    • Y - spinner
    • Lock - button. Locks the aspect ratio.
  • Position
    • X - spinner
    • Y - spinner
  • Orientation (rotation)
    • Spinner, 0-360 degrees, default is 0
  • Margin
    • spinner
  • Padding
    • spinner
  • Advanced
    • Size
      • Mode - dropdown menu, radio buttons or checkboxes
        • Custom - default value, allows editing
        • Lock - locks current size, doesn't allow changing until another mode is chosen.
        • Template - Recovers the size defined by the template.
    • Position
      • Mode - dropdown menu, radio buttons or checkboxes
        • Custom - default value, allows editing
        • Lock - locks current position, doesn't allow changing until another mode is chosen.
        • Template - Recovers the position defined by the template.
    • Margin
      • 4 spinners
      • Mode - dropdown menu, radio buttons or checkboxes
        • Custom - default value, allows editing
        • Lock - locks current margin, doesn't allow changing until another mode is chosen.
        • Template - Recovers the margin defined by the template.
    • Padding
      • 4 spinners
      • Mode - dropdown menu, radio buttons or checkboxes
        • Custom - default value, allows editing
        • Lock - locks current padding, doesn't allow changing until another mode is chosen.
        • Template - Recovers the padding defined by the template.
    • Orientation
      • Mode - dropdown menu, radio buttons or checkboxes
        • Custom - default value, allows editing
        • Lock - locks current orientation, doesn't allow changing until another mode is chosen.
        • Template - Recovers the orientation defined by the template.