Page 1 of 1

Javascript TitlesView

Posted: 2024-09-05 01:48
by haitalla
Bonjour je viens d'acheter la bibliothèque javascript titlesview mais je n'arrive pas à afficher les images dans l'étiquette,

voila mon code : ......
tile.front.html = '<h5>' +
// '<span class="label label-default pull-right">' + 'id: %_pk%' + '</span>' +
'<img width="16" src="resources/table_icons/administrator.png" />' +
'<img src="images/%Images% "/>' + // Remplace par le bon chemin

'</h5>' +
'<p><small>Nom:</small> %Nom%</p>';
.......
aider moi svp

Re: Javascript TitlesView

Posted: 2024-09-05 05:39
by jsetzer
'<img src="images/%Images% "/>'
In your HTML, check the image address. There may be a blank character too much:
chrome_pjT6NBaAFp.png
chrome_pjT6NBaAFp.png (10.57 KiB) Viewed 11803 times

Double-check if that field is named Images with capital I

Code: Select all

tile.front.html = 
'<h5>' +
'<img width="16" src="resources/table_icons/administrator.png" />' +
'<img src="images/%Images%"/>' + 
'</h5>' +
'<p><small>Nom:</small> %Nom%</p>';
Please write in English, thank you.

Re: Javascript TitlesView

Posted: 2024-09-05 09:21
by haitalla
I’m having trouble displaying images using titlesview in my AppGini project. I’m trying to load images with thumbnail.php, but they aren't showing correctly.

Details:
I'm using AppGiniHelperTVTiles.FlipcardTile to display images. The generated URL for the image looks like this:
http://localhost/exercices/images/thumb ... mages&v=tv
The image doesn't load, though the URL works fine without thumbnail.php.

After copying thumbnail.php to the images folder, the 404 errors stopped, but images are still not showing. Here's my thumbnail.php file

SOLVED: Javascript TitlesView

Posted: 2024-09-05 09:39
by jsetzer
'<img src="images/%Images%"/>' +
The error log states, that file is missing. Please check the image URL. I'm pretty sure there is no thumbnail.php in /images folder by default, and just copying it from root could mess up relative paths.

chrome_YIZ878scMI.png
chrome_YIZ878scMI.png (74.82 KiB) Viewed 11800 times
---

You should try the following template:

Code: Select all

tile.front.html = 
'<h5>' +
'<img width="16" src="resources/table_icons/administrator.png" />' +
'<img src="%Images%"/>' + 
'</h5>' +
'<p><small>Nom:</small> %Nom%</p>';
I've just removed the images/-part from the src-attribute:
'<img src="%Images%"/>'

Re: Javascript TitlesView

Posted: 2024-09-05 10:31
by haitalla
Thank you, sir, it worked! Thank you so much, you saved me.

Re: Javascript TitlesView

Posted: 2024-09-05 11:56
by haitalla
Hello, another question, where I can insert my css, example style="border-radius: 50%;"

Re: Javascript TitlesView

Posted: 2024-09-05 13:02
by jsetzer
where I can insert my css
I think this has nothing to do with this topic about Tiles View Library. This issue here should be closed, I think.

You may ask your general CSS questions in another subforum. There are dozens of guys who can answer this.