Skip navigation
concypt
Currently Being Moderated

Very simple question about webapp list layout.

Jun 21, 2012 6:46 AM

Tags: #html #web_apps #webapps #layouts #webapps_list_view #web_apps_layout #module_templates

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!!!

 
Replies
  • Currently Being Moderated
    Jun 21, 2012 10:51 AM   in reply to concypt

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 22, 2012 7:51 AM   in reply to concypt

    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

     
    |
    Mark as:
  • Liam Dilley
    3,982 posts
    Feb 28, 2012
    Currently Being Moderated
    Jun 22, 2012 1:17 PM   in reply to concypt

    So you just do what Chad said?

     

    <tr>LIST LAYOUT STUFF</tr>

     

    <table>

    {webappmodule here}

    </table>

     

    If you need to do something more complicated use div's and span's and style with your css.

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 22, 2012 3:21 PM   in reply to Liam Dilley

    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

     
    |
    Mark as:
  • Liam Dilley
    3,982 posts
    Feb 28, 2012
    Currently Being Moderated
    Jun 22, 2012 7:40 PM   in reply to Chad - BCGurus.com

    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

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 4:27 AM   in reply to concypt

    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>

     
    |
    Mark as:
  • Liam Dilley
    3,982 posts
    Feb 28, 2012
    Currently Being Moderated
    Jun 26, 2012 4:43 AM   in reply to Mihai_Tica

    That's the obvious one but if you have a table driven by a web app on a page a client regular edits then you can not do that, hence the other option discussions

     
    |
    Mark as:
  • Currently Being Moderated
    Jun 26, 2012 7:04 AM   in reply to Liam Dilley

    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.

     
    |
    Mark as:
  • Liam Dilley
    3,982 posts
    Feb 28, 2012
    Currently Being Moderated
    Jun 26, 2012 1:20 PM   in reply to Mihai_Tica

    Both Brad's and my solutions are a late simpler :)

     
    |
    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points