SharePoint NewForm put Image to the right of fields

Question

Hello, I am trying to put an image to the right of the Fields on the NewForm.aspx in a list. Would I be able to do this with a Content Editor web part? Does anybody have an example of how I would make this image show to the right of all the sharepoint fields I have created? Thanks.

Answer 1

Hi Michael, I wasn't able to get that to come out to the right of the SharePoint fields. What I did do was go into the customized form in SharePoint Designer and added
<td><WebpartPages:WebPartZone runat="server" FrameType="None" ID="Right" Title="loc:Right"><ZoneTemplate></ZoneTemplate></WebpartPages:WebPartZone></td>
This put a web part to the right side, I then just added an image web part and pointed to my image. Thanks for helping me on this.

Answer 2

Hi @NeddyFlanders ,

You could try to use the below code in Content Editor web part to put an image to the right Fields on the NewForm.aspx

$(function(){  
	$("table.ms-core-tableNoSpace>tbody>tr").append("<td><img src='http://sp16/sites/michael/PublishingImages/test.jpg' alt='not found' width=300 height=200  ></td>");  
});  

---

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 3

It's putting the image to the right of Content Editor web part but it's still above and to the right of the SharePoint fields. Is there anyway to get it to the right of the fields? Thanks.

Answer 4

Hi @NeddyFlanders ,

Maybe this would be helpful to you:

$(function(){  
	$("div#WebPartWPQ2>table>tbody>tr>td:first").attr('valign', 'top');  
	$("div#WebPartWPQ2>table>tbody>tr").append("<td><img src='http://sp16/sites/michael/PublishingImages/test.jpg' alt='not found' width=300 height=200 ></td>");  
})  

Answer 5

What I did do was go into the customized form in SharePoint Designer and added
<td><WebpartPages:WebPartZone runat="server" FrameType="None" ID="Right" Title="loc:Right"><ZoneTemplate></ZoneTemplate></WebpartPages:WebPartZone></td>
This put a web part to the right side, I then just added an image web part and pointed to my image.