User upload image appears very small (such as thumbnail) when view in a table. How can visitor enlarge the image so that it can be viewed properly.
Hi again Dipesh,
The image in a table is understandably small so as to preserve the proper appearance of the table itself. What you can do is to use the table as an “index” into your content, with each row in the table linked to a dynamic page which will display the image, along with whatever other information you want.
Take a look at the Wix Code example Table Index . You can open it in your own editor and see how it works. You can then modify it to display your image, title, and other information.
Good luck,
Yisrael
Hey Dipesh,
Another member of the support team (Mikhail) suggested that you can also use repeaters. Take a look at the article Displaying Dynamic Content in a Repeater . This will give your site a whole new look - even stunning
This may be just what you’re looking for.
Have fun,
Yisrael
Thanks for your prompt reply. I tried to understand the code mentioned in the example, but I am not good at coding. Would be great, if you can explain the code and the steps.
Thanks a lot in advance.
Hey Dipesh,
I would suggest opening the example in the editor and playing with it. You will need to familiarize yourself with basic coding concepts to accomplish what you want. There are a wealth of Javascript coding sites which will help you learn Javascript from basic to advanced - Javascript.info is a good one. The Wix Code Resources page provides tutorials, examples, and articles on getting the most out of Wix Code. We are happy to get you pointed in the right direction, but you’ll need to take it from there. As questions or difficulties arise, we are here to help.
Yisrael
I specifically need to understand the two element in the code. Can you please explain the below
- linkFromFoodista;
-
#foodistaCredit
…
export function dynamicDataset_onReady(event) {
let foodistaLink = $w(‘#dynamicDataset’).getCurrentItem().linkFromFoodista;
$w(‘#foodistaCredit’).html = <p style="font-size:10px; line-height:1.2em; text-align:center"><span style="letter-spacing:0em"> <span style="font-size:10px"><span class="color_11"><span style="font-weight:bold"> Recipe originally published by <span style="font-family:avenir-lt-w01_85-heavy1475544,sans-serif"><a href="${foodistaLink}" target="_blank">Foodista.com</a></span></span></span></span></span></p>
;
}
Hello Yisrael , nice to read the article you say,
The problem is how to fit the items properly into the image box in the repeaters, they get distorted,
is there a way to solve this problem?
thank you
Nelo