Don't add <span> around items in ListRecords

By Justin James on 17 Jan 2014
The <span> that gets added around items in ListRecords causes a lot of issues with jQuery and other things. For example, we tried using a div with display: table-cell and it did not work because of this.

J.Ja
José Antunes20 Jan 2014
Hi,

Same idea as this one.
These ideas should be merged to sum up the likes :)

Cheers,
JA
Justin James20 Jan 2014
Jose -

I thought it looked familiar when I posted it... :)

J.Ja
J.21 Jan 2014
still, it bugs me for eons. there are weeks that somehow do not notice it, but when I need to do something fancy the annoying span pops out again.

Justin James21 Jan 2014
You should have seen what I needed to do to make jQuery UI's "Sortable" work because of it... still have nightmares...

J.Ja
Joop Stringer5 May 2012
Now even if i select in listrecord to have it as normal linebreaks, it still adds <SPAN> combi around it....
Would be nice to have a clear listrecord without the spans

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
Justin James12 May 2012
This is VERY important, because it totally breaks the idea of trying to use ListRecord to make a customized table and add a total row after the ListRecord... forcing you to append a record to the results to a RecordList and then style it differently... it's a mess to make a total row because ListRecords does not work as needed.

J.Ja

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
Joop Stringer13 May 2012
Justin, I've been discussing this already for a long time with Outsystems. But they don't seem to care about it !

I still don't understand the reason for generating a SPAN around a listrecord if I select normal linebreaks .... let me decide to put a DIV/SPAN or whatever around the listrecord.

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
J.18 Jun 2012
I thought it was a novel idea; )
IdeaId=983


Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
J.16 Dec 2011
Please, pretty please remove the renderin of the span of Listrecords.
or at least give us more control over it.


if you want to create your special tables, ordered/unordered lists you need to place the start and end tags inside the list records, and not outside (which would be more logically)


Merged from 'remove the span around listrecords' (idea created on 2011-12-16 14:36:46 by Joost Landgraf), on 2012-09-17 10:10:54 by Gonçalo Borrêga

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
Kilian Hekhuis21 Dec 2011
Could you give an (HTML) example of what is currently not correct and should be changed?

Merged from 'remove the span around listrecords' (idea created on 2011-12-16 14:36:46 by Joost Landgraf), on 2012-09-17 10:10:54 by Gonçalo Borrêga

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
Joop Stringer28 Dec 2011
Just give us (un)ordered lists !!!!

Merged from 'remove the span around listrecords' (idea created on 2011-12-16 14:36:46 by Joost Landgraf), on 2012-09-17 10:10:54 by Gonçalo Borrêga

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
J.9 Mar 2012
@Kilian, sorry for the late reply,

but this is the code: 
<div id="wtlistRecordsTest">
<span class="ListRecords" id="wtListRecords1">
<ul>
<li>Brigitte Gabriëlle Maria</li>
<li>Antonius Stephanus Maria</li>
<li>Gabriël Zeger Tonio Maria</li>
<li>Olivier Julian Antonie Maria</li>
</ul>
</span>
</div>

the div is my container where the listrecords is placed.
the span is the listrecords itself.

the span is annoying to say the least.
1. you cannot create proper tables if you like, because the span is in the way
2. you have to create some more complex css to style the unorderedlist
3. you cannot do a simple unordererd list by creating some complex logic

it would be more handy when the listrecords is being rendered is type-sensitive.

instead of only the choice between none, bullets and newline,
I like to choose between:

table, div, span, ul, ol, even dl.

so when the listrecords is being rendered
the main-tag will be
table: <table class="ListRecords" id="wtListRecords1">
 ul: <ul class="ListRecords" id="wtListRecords1">
etc.



Merged from 'remove the span around listrecords' (idea created on 2011-12-16 14:36:46 by Joost Landgraf), on 2012-09-17 10:10:54 by Gonçalo Borrêga

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga
Kilian Hekhuis9 Mar 2012
Hi Joost, I actually ran into this very problem when trying to use a ListRecords in combination with a CSS drop down menu. I ended up having to put the tags in an expression :(.

Also, I think this is a plain bug, as a span is meant as an inline element, while a list is not. Perhaps we should just report this as an issue?

Merged from 'remove the span around listrecords' (idea created on 2011-12-16 14:36:46 by Joost Landgraf), on 2012-09-17 10:10:54 by Gonçalo Borrêga

Merged from 'get rid of around listrecord' (idea created on 2012-05-05 21:05:22 by Joop Stringer), on 2014-01-24 12:49:30 by Gonçalo Borrêga