ListRecords creates a tag for its ID. Anyway to make it not do that?

I hoped this discussion:

https://www.outsystems.com/forums/discussion/26405/listrecords-sometimes-encapsulate-item-with-span-interfering-with-jqueryui-sort/

would help me but that seems to hinge on having some part of the page refreshing the list table via Ajax. That doesn't apply in my case because there are no parts of the page that can be interacted with by the user and, as such, the only screen action is Preparation. 


Using OutSystems 11, I've got a ListRecords widget creating a div for each record but when I look at the generated HTML, between the parent container of the list and the first "row", I've got a <span> tag with the widget ID:

<div class="BayTable">

   <span id="wtListBayAssignments"> 

      <div class="BayTableRow"> ...

   </span>

My intent was to make the "BayTable" layer a grid so that each row would be equally spaced but having the span encapsulating all of the row layers breaks the styling. Is there some way to tell ListRecords I don't want it to generate a tag for itself?


Hi Ted,

I think you can use the Gallery widget and inside it place the ListRecord then all styling is properly taken care of by OutSystems UI.

For a demo see: https://outsystemsui.outsystems.com/OutSystemsUIWebsite/PatternDetail?PatternId=41

Regards,

Daniel

Daniël Kuhlmann wrote:

Hi Ted,

I think you can use the Gallery widget and inside it place the ListRecord then all styling is properly taken care of by OutSystems UI.

For a demo see: https://outsystemsui.outsystems.com/OutSystemsUIWebsite/PatternDetail?PatternId=41

Regards,

Daniel

Thanks for the response. I'll give that a shot.