I'm using the HTML List format for my View, which has three fields (nid and title, both excluded and Custom Text).
The content of Custom Text is as follows:
<li class="inspiration portfolio" data-content="#colio_c[nid]">
<a class="button colio-link" href="#">View Project</a>
<h4><a class="colio-link" href="#">[title]</a></h4>
<p>Lorem Ipsum</p>
</li>
I've noticed that using the <li>
item in my Custom Text field will result in an empty <li>
item wrapping my content. As such, the output I get from this is as follows:
<div class="view-content">
<div class="item-list portfolio">
<ul class="list">
<li class="">
<li class="inspiration portfolio" data-content="#colio_c7">
<a class="button colio-link" href="#">View Project</a>
<h4><a class="colio-link" href="#">Item 1</a></h4>
<p>Lorem Ipsum</p>
</li></li>
<li class="">
<li class="inspiration portfolio" data-content="#colio_c8">
<a class="button colio-link" href="#">View Project</a>
<h4><a class="colio-link" href="#">Item 2</a></h4>
<p>Lorem Ipsum</p>
</li></li>
</ul>
</div>
</div>
My question to you is: How do I remove those empty <li class="">
tags?
I tried to set wrapping element to none but to no avail. I've also attempted to do it with an unformatted list and create everything in custom text but then I'd have a <ul>
for each row and I do not have access to data-content="#colio_c[nid]
that way.
An export of my view is available at http://ideone.com/KyNGO4