Show record detail as modal from card Deck Record

Hi all,
I’m new to Wappler and doing my first steps.

I’m stuck at the point, that I want to show a modal with the details of a card deck record.
I’ve googled and seen this video https://www.dmxzone.com/go/32781/dmxzone-app-connect-data-traversal-data-detail-component/ which probably explains it, but I don’t find my bug. Try for hours. Maybe one of you guys could give me an idea.

In the Card deck record I have a button which should delivery the ID to a query:
<a href="#" class="btn btn-primary" data-target="#modal1" dmx-on:click="serverconnectSingleRecord.load({recid: ID});modal1.show()

I have the following query:

grafik759×82 3.89 KB

This is the App Connect statement:
<dmx-serverconnect id="serverconnectSingleRecord" url="/dmxConnect/api/QuerySingleRecord.php" dmx-param:recid=""></dmx-serverconnect>

And this is the modal:

<div class="modal fade" id="modal1" is="dmx-bs4-modal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">

			<div class="modal-header">
				<h5 class="modal-title">Modal title</h5>
				<button type="button" class="close" data-dismiss="modal" aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
			</div>
			<div class="modal-body">
				<dmx-data-detail id="data_detail1" key="querySingleRecord.ID" dmx-bind:data="serverconnectSingleRecord.data">
					<p>Name: {{modal1.data_detail1.data.querySingleRecord.Name}}</p>
				</dmx-data-detail>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="button" class="btn btn-primary">Save changes</button>
			</div>
		</div>
	</div>
</div>

Anything else you would need to see?

Thanks in advance.
Rainer