How to design a form like this outsystems

How to design a form like this outsystems

  
How to design a form like this 
in outsystems 
whenever i try to design aform in outsystems 

i want first name ,middle name both in first line just like the first form has  but when i take the midlle name along with first name it aligns itself it to 2 second line ,this does not look good in ui ,the first form has been given to as an example , please help ,how can i achieve the ui like first form has 
It will demand a lot of CSS work ... Use the development tools of the browser to inspect the elements classes, use containers and Silk widgets and JQuery to set CSS dinamically... be creative, you can do anything :)

Best regards,
Hi Tarun,

You must be creating this inside the form widget.

I will recommend you to delete the form widget, take EditRecord widget and create table inside EditRecord widget then as per your requirements you can add labels and inputs in cells at proper places.

I hope this helps.