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,
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,
What exactly is going wrong? Are the images stored on the server or in the database?
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.
Sample projects can be mailed as attachment to: mailto:help@tmssoftware.com