I managed to implement the listing and details widgets using ASP.NET web forms user controls (.ascx)
I created separate widget for listing and details page. Listing widget is placed in listing page named "teaching staff" with it's own layout and other widgets. Details widget is placed in details page named "detail" with it's won layout and other widgets as well. Details page is child page of listing page.
Now everything is working as follows,
However, I do not want "/detail/" part in the details URL. I want details url to be like "/teaching-staff/peter-tan"
Please kindly advice if there is a way to achieve this.
Sorry for my bad explanation if it's not easy to comprehend.
Thanks in advance.