Okay
  Public Ticket #610472
Tables with link or image
Closed

Comments

  • Joel started the conversation

    Dear support team,

    I have a question about tables. I'd like to show a table (like in excel), and make it so that when you click on an element there's is an image popping up. Is this possible in some way? I can't add html to tables I believe? Would it be an option to make a list and use a separator underneath each element? Would it be possible to make 3 rows next to eachother so that it looks like an table and add an image popup on an element? I just need somethinh that looks like a table with direct images or links to images.

    It would be really nice if you could help me out here.

    With kind regards,

    Joel

  •  895
    TheFox replied

    Hello Joel, thanks for purchasing Thefox!

    To do this you would have to use create a table using html.

    To create link to that make open image you can do something like this :

    <a href=\"myimagelink.jpg\" class=\"prettyPhoto\">Your link</a>

    Making a table using row and column may works but when view from tablet or mobile the layout will not work.

    How many column and row you want to use for the table?

    Regards

  • Joel replied

    Thank you for your reaction!

    It should be 3 rows wide, the number of columns differ, but can run up to as much as 50. The idea is that only values in the first row need to be clickable to see an image. Maybe I can add a forth row with the text \"image\" and when you click that an image occurs?

    Anyway, so it is possible? I just have to make an html table? How do I do this?

    And what about the layout for mobile and tablet you mentioned? Do you mean it won\'t be responsive? Because that is not really an issue, as a table is not readable if the rows are not next to eachother.

    Again thank you for your support, I\'m looking forward to your reply.

    With kind regards,

    Joel

  •  895
    TheFox replied

    Hello Joel,

    What we could do is give you the html code for the table, and you could copy and paste the code to add new row, this will be the design used with our table module.

    Or you can do it yourself, create a table using our module, then when viewing the page, make a right click on the tablet and inspect element, there you can copy the html you will need to use, then modify it to add link.

    Do not hesitate to contact us if you have other questions.

    Regards

  • Joel replied

    Dear support team,

    thanks for your reaction.

    I can see the html on the page, I just don\'t know where to put it.

    I tried to put it on the back end editor, underneath the table module. This don\'t seem to work. Could you tell me where to put that html? See the attachments, screenshot 1 is how it should look and how it looks now, in screenshot 2 you can see where I put the code.

    With kind regards,

    Joel

  • Joel replied

    Dear support team,

    just another quick question, how can I make the table not responsive? Right now it is showing the three rows underneath eachother when using a mobile phone. I\'d like this part of the page to be non responsive. Is this possible?

    With kind regards,

    Joel

  •  895
    TheFox replied

    Hello Joel,

    When you have copied the HTML, you need to put it in the Raw HTML module

    See screenshot : https://drive.google.com/file/d/0B4U2I7SLFLQYZnRKcTdqVklURFk/view?usp=drivesdk

    Unfortunately this is not possible to make the table not responsive without modifying the CSS. But even if you disable the responsiveness the table won\'t looks good, the column will be super long and unreadable.

    Do not hesitate to contact us if you have other questions.

    Regards