how to make TWeblistcontrol items to have own DIV?

Hi, I have the following code in my html template and wish to use the TweblistControl component

to mimic the content ,

<li class="swipeout">
   <a id="link_quotation_so_quote" href="#" class="item-link item-content swipeout-content"> <div class="item-inner">
<div class="item-title-row">
<div class="item-title">#EST-0001</div>
<div class="item-after inv-amount">$2099</div>
<div class="item-subtitle m-t-5">
              <span class="inv-client">Global Technologies</span>&nbsp;<span class="badge color-green inv-status">Accepted</span></div>
     <div class="swipeout-actions-right">
  <a href="/edit-estimate/" class="color-green">Edit</a>
  <a href="#" class="color-red swipeout-delete">Delete</a>

i have tried the TListItems , but not sure how do i make the content of everything inside
the <li> </li> ?


If you implement TWebListControl.OnGetItemChildren, the AElement parameter of this event is the LI HTML element and you can insert the content you want under this LI element.

Hi, i tried , but it said Error , Identifier TJSHtmlElement not found .

i have attached the image for your reference ...
Please advice , thanks.

Include the unit Web in the uses list.