Hello

I need help with Sharepoint Designer. I am trying to modify the NewForm.aspx file of a list. The goal is somehow to change the HTML code of the aspx file in a way to show the columns in a horizontal order.

The problem is that I am not a programmer so I have not much experience using HTML with Sharepoint Designer. Does someone know what I need to change in the aspx file to make the columns horizontally sorted.

This is the code for two columns. The first (Titel) needs to be to the left and the other one (Textkorper) to the right:

<tr>
<td width="190px" valign="top" class="ms-formlabel">
<H3 class="ms-standardheader">
<nobr>Titel<span class="ms-formvalidation"> *</span>
</nobr>
</H3>
</td>
<tr><td width="400px" valign="top" class="ms-formbody">
<SharePoint:FormField runat="server" id="ff1{$Pos}" ControlMode="New" FieldName="Title" __designer:bind="{ddwrt:DataBind('i',concat('ff1',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Title')}"/>
<SharePoint:FieldDescription runat="server" id="ff1description{$Pos}" FieldName="Title" ControlMode="New"/>
</td></tr>
</tr>
<tr>
<td width="190px" valign="top" class="ms-formlabel">
<H3 class="ms-standardheader">
<nobr>Textkrper</nobr>
</H3>
</td>
<tr><td width="400px" valign="top" class="ms-formbody">
<SharePoint:FormField runat="server" id="ff2{$Pos}" ControlMode="New" FieldName="Body" __designer:bind="{ddwrt:DataBind('i',concat('ff2',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Body')}"/>
<SharePoint:FieldDescription runat="server" id="ff2description{$Pos}" FieldName="Body" ControlMode="New"/>
</td></tr>
</tr>
<tr>

Thanks and best regards

ivicapro1987

• Edited by ivicapro1987 15 hours 52 minutes ago

try this

<tr>
<td width="190px" valign="top" class="ms-formlabel">
<H3 class="ms-standardheader">
<nobr>Titel<span class="ms-formvalidation"> *</span>
</nobr>
</H3>
</td>
<td width="400px" valign="top" class="ms-formbody">
<SharePoint:FormField runat="server" id="ff1{$Pos}" ControlMode="New" FieldName="Title" __designer:bind="{ddwrt:DataBind('i',concat('ff1',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Title')}"/>
<SharePoint:FieldDescription runat="server" id="ff1description{$Pos}" FieldName="Title" ControlMode="New"/>
</td>
<td width="190px" valign="top" class="ms-formlabel">
<H3 class="ms-standardheader">
<nobr>Textkrper</nobr>
</H3>
</td>
<td width="400px" valign="top" class="ms-formbody">
<SharePoint:FormField runat="server" id="ff2{$Pos}" ControlMode="New" FieldName="Body" __designer:bind="{ddwrt:DataBind('i',concat('ff2',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Body')}"/>
<SharePoint:FieldDescription runat="server" id="ff2description{$Pos}" FieldName="Body" ControlMode="New"/>
</td>
</tr>

I made the columns appear horizontally but it looks weird. Now I need to make the title of the column appear above the field itself (just like the columns under Titel ans Textkorper).

Here is a screenshot.

• Edited by ivicapro1987 47 minutes ago

<tr>
<td valign="top" class="ms-formlabel">
<H3 class="ms-standardheader">
<nobr>Titel<span class="ms-formvalidation"> *</span>
</nobr>
</H3>

<br>
<SharePoint:FormField runat="server" id="ff1{$Pos}" ControlMode="New" FieldName="Title" __designer:bind="{ddwrt:DataBind('i',concat('ff1',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Title')}"/>
<SharePoint:FieldDescription runat="server" id="ff1description{$Pos}" FieldName="Title" ControlMode="New"/>
</td>
<td valign="top" class="ms-formlabel">
<H3 class="ms-standardheader">
<nobr>Textkrper</nobr>
</H3>
<br>

<SharePoint:FormField runat="server" id="ff2{$Pos}" ControlMode="New" FieldName="Body" __designer:bind="{ddwrt:DataBind('i',concat('ff2',$Pos),'Value','ValueChanged','ID',ddwrt:EscapeDelims(string(@ID)),'@Body')}"/>
<SharePoint:FieldDescription runat="server" id="ff2description{$Pos}" FieldName="Body" ControlMode="New"/>
</td>
</tr>

remove the  width attribute above should work and you can put width value as you want in the td tag

Hi ivicapro,
You can use jslink to customize NewForm of a list.
Below is the link
https://code.msdn.microsoft.com/office/CSR-code-samples-11-Fully-54ebcaa6

Please remember to mark the replies as answers if they help.