Hi Everyone!
I am having a very simple issue. I have created a web app and it has a default list layout looks like:
<table><tbody><tr><td>{tag_counter}. {tag_name}</td></tr></tbody></table>
I have placed web app module (using {module_webapps,14273,a} ) in one of my page. In front-end it has show every thing fine except it shows table tag for each item:
<table>
<tbody>
<tr>
<td>1. <a href="/lot/lot-101">Castlepoint Lot 101</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>2. <a href="/lot/efg-lot">EFG Lot</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>3. <a href="/lot/some-lot">Some Lot</a></td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td>4. <a href="/lot/some-other-lot">Some Other Lot</a></td>
</tr>
</tbody>
</table>
When I delete table and tbody tags from list view, it stop showing table related tags instead it start showing it without any tag.
How to correct this issue? Please help!!!
Hello concypt,
What ever is in the list view layout is going to be the output for every item. So this example is working as it should. You're basically saying that for every item make a table.
Another way is to tell the list view layout to output a list item:
< li >{tag_counter}. {tag_name}< /li >
then have your module inside a ul like this:
< ul >{module_webapps,14273,a}< /ul >
without spaces in your tags ofcourse, the pre tag failed me.
This way you just have an unordered list instead of a table.
Hope this helps.
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7
Hi Chad,
Mate thanks for your help. I need to show tabular data instead of having list items. Yes my only problem is its repeating TABLE element for each Webapp Item. I just want it to render in a way so each item will be inside a TR & TD element and all items should be inside a signle TABLE element. Please have a look below what exactly I need:
<table>
<tbody>
<tr><td>Some Item</td><td>Some filed</td></tr>
<tr><td>Some Item</td><td>Some filed</td></tr>
<tr><td>Some Item</td><td>Some filed</td></tr>
<tr><td>Some Item</td><td>Some filed</td></tr>
</tbody>
</table>Yeah to get on output like this may not be possible. I would add this to the wish list.
Sorry fella.
Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7
Liam - have you tried that? I tried that with ftp and through the back end and the tr tag kept getting deleted. But true, beyond the wishlist - div's and span's are concypt's only option. Unless you want to output a list of tables. Chad Smith | http://bcgurus.com/Business-Catalyst-Templates for only $7
All the time, Never do these in pages of course because as soon as you save the page it messes up.
I put them in the template but I have my framework which has a div span structure which replicates table behavior if I ever need to do that too. But again you can loose the div wrapper.
One tip though is to put the table and module in a content holder then that content holder is the one you add to the page. You can make as many changes as you like and wont mess up the table ![]()
Here is what you can do:
-edit the webapp list layout via FTP or via the "alpha" File Manager. The WYSIWYG editor will attempt to "correct" your HTML code. Enter something like this:
<tr>
<td>
{tag_counter}. {tag_name}
</td>
</tr>
-on the page you need the listing placed on enter this code:
<table>
<tbody>
{webappmodule here}
</tbody>
</table>
When the page renders you will get the desired result:
<table>
<tbody>
<tr><td>1</td><td>Item1</td></tr><tr><td>2</td><td>Item2</td></tr>
<tr><td>3</td><td>Item3</td></tr>
<tr><td>4</td><td>Item4</td></tr>
</tbody>
</table>
That's right, editing the page via the WYSIWYG editor will break it.
How about this aproach then:
1. have the <table> and <tbody> part on a blank page
2. assign the table a given id
3. on the page you edit often use jquery.load to dynamically load that table from the "secondary" page at point 1.
This way you have a table-driven webapp layout (assuming you really want that) and will be able to edit the page using the WYSIWYG editor without fearing of breaking the layout.
North America
Europe, Middle East and Africa
Asia Pacific