Hi,
I'm using a reorderList on my page, and for each entry I want there to be a detail view for it that appears below the entry when the user clicks a button.
So I set this up like so (very pseudo-ish):
<ReorderList>
<ItemTemplate>
<table>
<tr>
<td> Entry <Image onClick="Javascript:expand()"></td>
</tr>
<tr>
<td>
<Panel id="detail" style="display:none">
Detail
</Panel>
</td>
</tr>
</table>
</ItemTemplate>
<DragTemplate>
</DragTemplate>
</ReorderList>
Javascript:
function expand()
{
if (detail.style.display = "none")
detail.style.display = "block";
else
detail.style.display = "none";
}
I have this working in that clicking on the image will bring up the detail panel and move the other entries in the reorderlist down to accomodate the panel. However, when I click to move an item in the list, and I move it elsewhere, when I click to bring up the detail view again, the appearance of the panel no longer moves the entries below it down to accomodate the panel, and it instead appears underneath the next entries. If I move an entry while the detail view is expanded and then I minimize the detail view, it leaves a blank space where the detail panel used to be, and doesn't move the other entries up to fill up that blank space.