• Resolved Haim

    (@koostamas)


    hello!

    I would like to display a table (may be from excel?), where one column contains the related url address. Instead of showing the long url, I would like to show an arrow or the text “go”. So, clicking on it one could jump there.

    How can it be done with the plug-in?

    thanks, Tamás

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter Haim

    (@koostamas)

    Yes! I have found the solution! In the appropriate column’s setting in the Data tab I have selected the “Set the link to appear as a button”. In the Button text field one can type and text, including emoji icons. That makes it work! Thanks!

    https://photos.app.goo.gl/pBHD1jHcMznM54Fw8

    Plugin Author wpDataTables

    (@wpdatatables)

    Hello,

    we can see that you solved this issue, happy to see that.

    Thank you for sharing how you managed to add the arrow symbol as the hyperlink text to the URL column, perhaps it might be useful for other users who have the same use-case. ??

    We can elaborate a bit more about how passing links from Excel to our tables in the plugin works, just to provide additional explanation.

    As you noticed, our plugin can not read the hyperlinks directly from the source sheet/Excel ( in case if any user makes a hyperlink in the data source cell itself).

    In that case, we would have to change the format of the data in the cells coming from the sheet in order for our plugin to properly render them as links. ( In your case, you only have the link in the source cells, so you don’t have that issue, of course)

    Now, it depends if you have one link per cell, or if you have multiple links in the same cell.

    If you have one link per cell, the easiest way is ( as you correctly did), to use our?URL Columns, which also allows us to directly add a “Button text” or symbol in the easiest way .

    Another method, if we need multiple hyperlinks in same cell,

    use String Columns.

    They can render custom HTML, in that case, you would have to wrap the links in the source data as HTML anchor tags, for example :

    <a >Visit W3Schools.com!</a>


    will be rendered as hyperlink of displayed text in the connected table : ” Visit W3Schools.com!

    if you use String Columns, you will also be able to have multiple links in the same cell, and combinations or images with links, etc ( if needed).

    But then, if we need to use a symbol or a smiley, we would have to add Custom CSS class directly in the HTML inside the cell, and we would have to add CSS to the table in order to get the symbol as needed,

    so the solution you chose with the URL Column is certainly the best/easiest way.
    Thanks again. Kind regards.

    Thread Starter Haim

    (@koostamas)

    I’m really amazed by the detailed explanations you gave to me. Highly appreciate your time and and the description.

    yes I describe my solution to eventually help anyone having the same question.

    thanks a lot for your help and for plug-in!

    Plugin Author wpDataTables

    (@wpdatatables)

    Hi, Haim
    No problem , you are welcome, we are happy to help.
    Thanks again for sharing your solution for other users, i am sure that it will be helpful for users who wish to achieve the same result.
    Kind regards.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘A column with url’ is closed to new replies.