Skip to Content (Press Enter)
Back to Ideas
73
Like
Follow Idea
Don't add <span> around items in ListRecords
3520Views
27Comments
On our RadarOn our Radar
Frontend (App Interfaces)
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
17 Jan 2014
Copy link to comment
Hi,

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

Cheers,
JA
20 Jan 2014
Copy link to comment
Jose -

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

J.Ja
20 Jan 2014
Copy link to comment
2016-04-21 20-09-55
J.
 
MVP
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.

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

J.Ja
21 Jan 2014
Copy link to comment
2011-06-15 10-51-22
Joop Stringer
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
05 May 2012
Copy link to comment
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
12 May 2012
Copy link to comment
2011-06-15 10-51-22
Joop Stringer
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
13 May 2012
Copy link to comment
2016-04-21 20-09-55
J.
 
MVP
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
18 Jun 2012
Copy link to comment
2016-04-21 20-09-55
J.
 
MVP
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
16 Dec 2011
Copy link to comment
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
21 Dec 2011
Copy link to comment
2011-06-15 10-51-22
Joop Stringer
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
28 Dec 2011
Copy link to comment
2016-04-21 20-09-55
J.
 
MVP
@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
09 Mar 2012
Copy link to comment
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
09 Mar 2012
Copy link to comment

Any update on this issue, actually its disturbing the design. Is there a way to remove the span that which is coming by default for any ListRecords? 


Thanks

Abhi

20 Apr 2017
Copy link to comment

Same difficulty to us, our project is using bootstrap css framework, it has many components using UL,LI (eg. dropdown, nav etc.) while this is the weak part of outsystems, especially UL inside ListRecord. I wondering is there any solution like changing

<span class="ListRecords" id="wtListRecords1">
    <ul>
        <li>
...

to

<ul class="ListRecords" id="wtListRecords1">
    <li>
...

25 Apr 2017
Copy link to comment

I don't even understand why this is a thing, why would you use a span in this case instead of a div.

is the only workaround for this to change it by JS?

15 May 2017
Copy link to comment

Frederico, this is a thing because in the early days of OS, you couldn't have inline divs. And web blocks can be used for inline data. But we're talking IE5 or the likes...

Another workaround would be creating the list (including the HTML tags) yourself, but that's a pain as well...

16 May 2017
Copy link to comment

Is there any solution to this problem ? I need to change the way the list items are displayed. I have a set of list items which needs to be displayed vertically first and then flow into new columns. For this I need to modify the style classes. With the span around the list records it is very difficult to customize the CSS.

31 Jul 2017
Copy link to comment

Is this really still happening or has anyone found a way around it? Extremely annoying bug - makes no sense and completely breaks any attempt to use the widget as a "plain" iterator

11 Jan 2018
Copy link to comment

As far as I know it's still not solved.

11 Jan 2018
Copy link to comment

This bug is still not solved. I found that this happens when an Ajax Refresh is done on a List Records widget, when I started refreshing the container surrounding the List Records, the span disappeared.

Very annoying.

30 Jan 2018
Copy link to comment

Its not solved.
For expression too... it also creates a <span> element

30 Jan 2018
Copy link to comment

Come on Outsystems. This was reported 7 years ago.

12 Mar 2018
Copy link to comment
2016-11-21 23-23-05
Gonçalo Borrêga
Merged this idea with 'get rid of around listrecord' (created on 2012-05-05 21:05:22 by Joop Stringer)
24 Jan 2014
Copy link to comment

Another bump here. Breaking my ability to properly display "li"s in a "ul".

A simple solution, at least to start, would be to implement the OSTagName extended property that is available on other widgets.  Then I could simply have the ListRecords line item be the "ul".

01 Aug 2018
Copy link to comment

I'll join the group. OS; make it happen please!!


I Like the suggestion to at least add an OSTagName. 

Now I need to use the :parent css3 selector (oh wait; that also doesn't exist yet...). :)

03 Aug 2018
Copy link to comment

From me a bump to. Currently running into issues with it :-/

26 Feb 2019
Copy link to comment