position of detail view

[Clipper87]

I want my tabular grid with detail view to show the detail view above the grid not beneath the grid.

Since I did not find any option for that I changed the a5w page
but then the grid does not work as expected; I cannot click on a row to move from one record to another, I cannot edit a field in the detail view until I click for instance on the NEXT link in the grid or on a navigation button in the detail part. (from that point on the arrow in the left grid column also start appearing again)

Any suggestions?


here's the a5w part:

<table><!--Table enclosing Grid component-->
<tr><!--Table row for Grid Detail View Part-->
<td><!--Table cell for Grid Detail View Part (Will be blank if Grid uses a Master Layout Template)-->
<%A5 ?x_Customers_with_.Output.Body.DetailView_HTML %></td><!--End table cell for Grid Search Part-->
</tr><!--End table row for Grid Search Part-->
<tr><!--Table row for Grid Search Part-->
<td><!--Table cell for Grid Search Part (Will be blank if Grid uses a Master Layout Template)-->
<%A5 ?x_Customers_with_.Output.Body.Search_HTML %></td><!--End table cell for Grid Search Part-->
</tr><!--End table row for Grid Search Part-->
<tr><!--Table row for Grid Part-->
<td><%A5 ?x_Customers_with_.Output.Body.Grid_HTML %></td>
</tr><!--End table row for Grid Part-->
</table><!--End table enclosing Grid component--></p>
</body></html>

[DBM]

Re: position of detail view

Have you looked at the Master Template options under Grid Properties?

[Clipper87]

Re: position of detail view

That way I don't need to edit the A5W page, so far so good.
I used a custom master template, inserted the predefined 'vertical layout' and then changed DetailView_Part for Search_Part and vicecersa. I then get an error in live preview saying "GRID1_GridObj is undefined" Probably because the detailview part needs to know what grid it is depending on. So I need a way to tell that to the detailview part. All new to this, sorry.

<!--Table - Vertical Layout -->
<table>
<tr>
<td style="vertical-align:top;">
{grid.DetailView_Part}
</td>
</tr>
<tr>
<td style="vertical-align:top;">
{grid.Grid_Part}
</td>
</tr>
<tr>
<td style="vertical-align:top;">
{grid.Search_Part}
</td>
</tr>

</table>

[Selwyn Rabins]

Re: position of detail view

That way I don't need to edit the A5W page, so far so good.
I used a custom master template, inserted the predefined 'vertical layout' and then changed DetailView_Part for Search_Part and vicecersa. I then get an error in live preview saying "GRID1_GridObj is undefined" Probably because the detailview part needs to know what grid it is depending on. So I need a way to tell that to the detailview part. All new to this, sorry.

<!--Table - Vertical Layout -->
<table>
<tr>
<td style="vertical-align:top;">
{grid.DetailView_Part}
</td>
</tr>
<tr>
<td style="vertical-align:top;">
{grid.Grid_Part}
</td>
</tr>
<tr>
<td style="vertical-align:top;">
{grid.Search_Part}
</td>
</tr>

</table>

putting the detail view on top of the grid part in the template will will not work - it is a limitation. the problem is that the Grid part emitts some javascript that is assumed to be present when the Detail View part renders. if the detail view renders first and this javascript has not executed, you get an error.

However, all is not lost - through the power of Javascript you can add some code to your master template to swap the position of the Detail View and the Grid after the Grid has been rendered in the right order. It happens so fast you will never even know that it has happened.

Here is what you need to do for your master template:

<!--Table - Vertical Layout -->
<table>
	<tr>
		<td style="vertical-align:top;">
			{grid.Search_Part}
		</td>
	</tr>
	<tr>
		<td style="vertical-align:top;">
			<div id="G">{grid.Grid_Part}</div>
		</td>
	</tr>
	<tr>
		<td style="vertical-align:top;">
			<div id="D">{grid.DetailView_Part}</div>
		</td>
	</tr>

</table>

<script type="text/javascript">
var G = $gvs('G');
var D = $gvs('D');
$svs('G',D);
$svs('D',G);

</script>

[Clipper87]

Re: position of detail view

Thank you! Works perfect!

[Selwyn Rabins]

Re: position of detail view

Thank you! Works perfect!

Actually, on further thought on this, I would suggest one small changes.

Remove this <Script> </script> section from the master template.
Then go to the Javascript tab in the Master Template builder and add the javascript there as follows:

var Gele = $gvs('G');
var Dele = $gvs('D');
$svs('G',Dele);
$svs('D',Gele);

The reason that this change is required is to make the Grid work correctly if it is displayed in an ajax callback. For example, if you put the grid into a Page Layout component, or you display the grid in a row expander, or when a button is clicked, it is displayed in an ajax callback.

Also, I have changed the variable names from 'G' and 'D' to 'Dele' and 'Gele', because IE gets very confused when you have ID names and Variable names that are the same.

[Clipper87]

Re: position of detail view

Thank you! Works perfect. Maybe this can become another tickbox property for the detail part ?