You might want to follow some learining paths like this one: https://gettingstarted.mendixcloud.com/link/module/182/lecture/1409

Try out some different templates or use CSS.

Regards,

Ronald

How this wlll help me ? you are giving me full training material rather than solution lol

moving the labels to the left is a bit wierd but ok.

create a layout grid 9/3

click on the inputs and turn labels off. put them in the col9.

retype labels in col3.

done :P 

This is not a grid , its a User data capture form.

You can always do something like this in CSS : 

.MyObjectClass.form-group > label {
    text-align:left;
}

Where MyObjectClass is a class you give to your fields.

Hope this helps

Edit: Please see below screenshot with working CSS/HTML, unfortunately the image doesn’t display as expected but if dragged in another window you should be able to see a full picture

@Dragos,

I did try but its not working.