Show list fields side-by-side when New/Edit/View in sharepoint 2013

Question

It is possible to show fields in customized view for fields in a list? OOB feature show all columns one after one. But
I want to show user customized way. like see below image
Is possible to do in Sharepoint 2013 foundation?. Any developed feature available?
ItsMeSri MOSS SP2, 3 WEFs, Windows 2008 R2 x64.

Answer 1

Someone's developed a way to do it through JQuery - I've done it for a single list - it's time consuming to set up but works perfectly. One text file that has the table structure you want to see, then another with a small JQuery function.
See http://www.markrackley.net/2013/08/29/easy-custom-layouts-for-default-sharepoint-forms/
The table includes spans that reference the actual column display names - an example row:
<tr >
<td>
<b>Title:</b><br>
<span class="FMGCustomForm" data-displayName="Title"></span>
</td>
<td>
<b>Issue Status:</b><br>
<span class='FMGCustomForm" data-displayName="Issue Status"></span>
</td>
</tr>
and the JQuery moves the column from the original location to the correct span. Nice and quick - even on a list with many columns.
<style type="text/css">
.ms-formtable
{display:none;}
</style>
<script type="text/javascript">
$(document).ready(function() {
//loop through all the spans in the custom layout
$("span.FMGCustomForm").each(function()
//get the display name from the custom layout
displayName = $(this).attr("data-displayName");
elem = $(this);
//find the corresponding field from the default form and move it
//into the custom layout
$("table.ms-formtable td").each(function(){
if (this.innerHTML.indexOf('FieldName="'+displayName+'"') != -1){
$(this).contents().appendTo(elem);
</script>
Robin