TIWDBResponsiveList1 DataTemplate z-index

I have the following codes
TIWDBResponsiveList1.DataTemplate.Add('<style>.soldout {possition:absolute; left:0px; top: 0px; z-index: 100;}</style>');
TIWDBResponsiveList1.DataTemplate.Add('<div class="soldout">');
TIWDBResponsiveList1.DataTemplate.Add('<img src="/image/<#SoldOut>" Height="100" Width="100">');
TIWDBResponsiveList1.DataTemplate.Add('</div>');

The image soldout does appear but it doesn't have the effect I intended. According to z-index it is suppose to superimpose on another image with z-index 0 or lower. There is another way to achieve a similar effect without using z-index??

Hi,


It's hard to tell what is going wrong without seeing the rest of your code.
Can you please provide the following information so I can further investigate this?
- The version of IntraWeb you are using
- The name and version of the browser you are using
- A ready to run sample project that demonstrates the issue


The sample project is at www.ehubasia.com and using Delphi Berlin & intraweb 14.0.3.

TIWDBResponsiveList1.DataTemplate.Add('<img
src="data:image/jpeg;base64,<#Base64JPG>" Height="200"
Width="200"; Style="float: Left; Margin: 5px">');
TIWDBResponsiveList1.DataTemplate.Add('<img
src="/image/<#offerImg>" Height="70" Width="70"; style="float:
right; Margin: 0px">');
TIWDBResponsiveList1.DataTemplate.Add('<style>.soldout
<possition:absolute; left:0px; top: 0px; z-index:
100;></style>');
TIWDBResponsiveList1.DataTemplate.Add('<div class="soldout">');
TIWDBResponsiveList1.DataTemplate.Add('<img src="/image/<#SoldOut>" Height="100" Width="100">');
TIWDBResponsiveList1.DataTemplate.Add('</div>');
TIWDBResponsiveList1.DataTemplate.Add('<br>*No : <b><#ENO></b>');
TIWDBResponsiveList1.DataTemplate.Add('<br>Description: <#Description>');
TIWDBResponsiveList1.DataTemplate.Add('<#Line1>');
TIWDBResponsiveList1.DataTemplate.Add('<#Line2>');
TIWDBResponsiveList1.DataTemplate.Add('<br>Unit Available: <#Quantity><br>');
TIWDBResponsiveList1.DataTemplate.Add('<font color="red">Unit Sold: <#Bought></font><br>');

I
hope these can help you understand the working for the codes. I truely
hope you can help as I understand the use of z-index is crucial to
enhance the site. (Incidentally I did post previously that I want to
display img src with jpep but unfortunately cannot get it to work except
convert it to base64 like img src="data:image/jpeg;base64 - you have
any workaround for it?? Very much apreciated. Thanks

Hi,


- The URL you provided doesn't seem to work?

- Have you tried adding the z-index attribute directly on the img tag instead of via the style tag?

- I'm not sure I understand your question about displaying images.
What exactly is going wrong? Are the images stored on the server or in the database?

- Please consider to provide a ready to run sample project so I can further investigate this.
Sample projects can be sent via email to: mailto:help@tmssoftware.com

My apology, the site is a work-in-progress and so it shuts down after office hour and because I am +8 UTC but the good news is that I have the site up even after office hour you should be able to test it. You insight is very much appreciate on this. Thanks again.
David

The URL you provided still doesn't seem to be working.

I would recommend to provide us with a ready to run sample project that demonstrates the issue to avoid overhead from other functionality and that way I can view the source to find out what is going wrong.
Sample projects can be mailed as attachment to: mailto:help@tmssoftware.com