Screen design from Tool looks different in Front End

[sdcdeveloper]

Hi Support,
I have designed one screen using Form Designer tool but it has rendered the same what Sharepoint OOTB form generates i.e. no look and feel what we see in Tool.

Below are two pictures from tool and what I see in SharePoint: Slide1.png from Tool and Slide2.png from SharePoint . So my question is this tool use only for column adjustment or it can render exact design (with css) what we see in Slide1.png (i.e. tool )

Please clarify.

Thanks,
Ankit

[Nikita Kurguzov]

I can see on your screenshots that you probably edited Display form. On Display form, the fields are automatically set to readonly and that's why there is such a big difference between these two screens.

Try editing New Form or Edit Form and you'll see that they look exactly like they do in Forms Designer. And yes, you can use pretty much any CSS with our forms and customize them beyond recognition, if you so desire.