Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • April 7, 2016 at 11:46 am #609501
    mcseufer

    Hi –

    I have a pricing table and I would like to place an info icon (icon that looks like a lowercase ‘i’) inside each table cell along with a feature next to that icon. When the user clicks on the icon, it opens a modal that contains a paragraph of text explaining what that feature is.

    Simply put: How do I place an icon inside a Pricing Table and that icon, when clicked, opens a modal box with a block of text?

    Thanks,

    Michael

    April 8, 2016 at 6:28 am #610019
    Rikard

    Hi Michael,

    Please send us a temporary admin login so that we can have a closer look. You can post the details in the Private Content section of your reply. Also please specify on what page you are looking to do this.

    Regards,
    Rikard

    April 9, 2016 at 2:54 pm #610603
    mcseufer

    Hi,

    Login details are listed below.

    All I want is for each line in the pricing table to have an information icon (as shown in the screen shot) that when clicked on, opens up a modal window and displays either a short paragraph of text or an image (it varies).

    As you can see from the screenshot, I’m not too far away from getting it to work.

    Screenshot:

    Pricing Table

    Thanks,

    Michael

    • This reply was modified 8 years, 7 months ago by mcseufer.
    April 12, 2016 at 6:07 am #611652
    Ismael

    Hey!

    Looks like you installed a plugin for it. If you want, you can add the data-avia-icon-tooltip attribute in the “i” html markup but it will open the tooltip on hover:

    <span class="av-icon-char info" data-avia-icon-tooltip="PLACE YOUR TEXT HERE">i</span>

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.