We have a form with side by side placements of form labels and fields. The labels are left aligned and so are the input controls.
Some of the fields are mandatory and are shown with an asterisk before the field.
My question is pertaining to the placement of the asterisk.
We have following two options in consideration. First where the asterisk is treated as a separate UI element which augments the form labels and hence it is placed slightly outside the form. Second where the asterisk is considered as a part of the label of the form and hence aligned left like any other field.
Here is an example.
Our constraints are that we have to place control and label side by side and that field labels will have to be left aligned.