Using Ditto and TVs in edit mode

173 Posts

echaland Reply #1, 18 years, 4 months ago

Hello,
Maybe it’s a simple question but I can’t figure it out :-(
I’m displaying a list of items with editable fields (using TVs) with Ditto. since I have lots of items I’m using a container with a fixed height and overflow=scroll. My problem is that when I scroll the hyperlinks for the editable fields don’t scroll with the items. It gets very confusing if one wants to update the items contents. How can I fix that?
Thanks for help...

http://www.chalandsweb.com

53 Posts

shuriken Reply #2, 18 years, 4 months ago

Hi echaland,

This sounds like a web design problem. Can you give some more information? Maybe browser(s) tested or the page source that was output.

173 Posts

echaland Reply #3, 18 years, 4 months ago

Thanks for replying.
The edit hyperlinks for the items don’t scroll within the div container, see the attached pic for more information.

Here is my code to display the list of items and the associated template to display the items. In Edit mode

<div style="height: 400px; overflow: auto;">
[!Ditto? &parents=`908` &depth=`1` &sortBy=`menuindex` &sortDir=`ASC` &summarize=`10` &paginate=`1` &paginateAlwaysShowLinks=`1` &tpl=`product_edit_tpl` &tplAlt=`product_edit_altTpl` !]
</div>

The product_edit_tpl template is as follow:

<table border="0" cellpadding="0" cellspacing="0" width="645">
<tr>
     <td> [+#ProductImage+] </td>
     <td ><b><a href=" [~[+id+]~]  " target="_blank">[+#pagetitle+]</a></b><br /> [+#introtext+]  </td>
     <td  > 
      <table border="0" cellpadding="0" cellspacing="0">
              <tr> <td> [+#Action+] </td> </tr> 
              <tr> <td> [+#Price+] </td> </tr>
            </table>
    </td>
</tr>
</table>

http://www.chalandsweb.com

53 Posts

shuriken Reply #4, 18 years, 4 months ago

Adding ’position: relative’ to your overflow div should fix this in IE without affecting other browsers.

173 Posts

echaland Reply #5, 18 years, 4 months ago

Right on, thanks for your help shuriken!

http://www.chalandsweb.com