We're Moving to a New Support Platform – Starting June 1st!

We’re excited to let you know that starting June 1st, we’ll be transitioning to a new support system that will be available directly on our product websites – Amelia, wpDataTables, and Report Builder. In fact, the new support platform is already live for Amelia and wpDataTables, and we encourage you to reach out to us there.

You'll always be able to reach us through a widget in the bottom right corner of each website, where you can ask questions, report issues, or simply get assistance.

While we still do not offer live support, a new advanced, AI-powered assistant, trained on our documentation, use cases, and real conversations with our team, is there to help with basic to intermediate questions in no time.

We're doing our best to make this transition smooth and hassle-free. After June 1st, this current support website will redirect you to the new "Contact Us" pages on our product sites.

Thanks for your continued support and trust – we’re excited to bring you an even better support experience!

Okay
  Public Ticket #1966940
URL Display - Image Instead
Closed

Comments

  • zarilla started the conversation
    April 8, 2019 at 9:38pm

    Okay I'm not the perfect CSS programmer.

    I have a list with a URL in one column. I don't want to just display the URL because it look bad. I would like to do a conditional image. If it is LinkedIn it shows that Image. If it is Wikipedia it shows that image. 

    Can some please help me know what the best way to do this is?

    Thank you,

    Zarilla

  • zarilla replied
    April 8, 2019 at 9:41pm

    I'm doing this so that people cannot just cut and paste the entire URL list.


  •  2,576
    Aleksandar replied
    April 9, 2019 at 8:17am

    Hello zarilla.

    Thank you for your purchase.

    This could be done, of course. I'm guessing you're looking for something like this:

    4979677602.png

    So, when a user clicks on the icon - it takes them to the user's profile on that network, correct?

    Now, to do this, you'd need to upload the icons to your WordPress' Media Library. When you open it, you'll find the URL to the icon (see attachment).

    In order to make that a clickable link, the column's type needs to be set as "String", and editor input type "One-line edit" or "Multi-line edit". Now, when you're adding a row, the cell needs to look like this:

    <a href="https://www.linkedin.com" target="_blank"><img src="http://localhost/wpdt-2.5/wp-content/uploads/2019/04/square-linkedin-512.png" height="42" width="42"></a>

    It probably won't work in back-end, but in front-end it works flawlessly.

    Please let me know if this helps.

    Best regards.

    Kind Regards, 

    Aleksandar Vuković
    [email protected]

    Rate my support

    wpDataTables: FAQ | Facebook | Twitter | Instagram | Front-end and back-end demo | Docs

    Amelia: FAQ | Facebook | Twitter | Instagram | Amelia demo sites | Docs | Discord Community

    You can try wpDataTables add-ons before purchasing on these sandbox sites:

    Powerful Filters | Gravity Forms Integration for wpDataTables | Formidable Forms Integration for wpDataTables | Master-Detail Tables