• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: Bootstrap tooltips or popovers

Bootstrap tooltips or popovers 12 years 5 months ago #20670

  • marc59
  • marc59's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
Hi, im a new user for RSforms, can anyone tell me how i can use bootstrap tooltips or popovers in these forms. I'm using a bootstrapped template and ideally want to make the .formDescription into a tooltip or popover on hovering over the input field.

I have the
rel="tooltip" data-trigger="hover" data-original-title="Tooltip on top" data-placement="top"
in the attributes of the form field

and under CSS and Javascript
<script type="text/javascript">
    $(".rsform-input-box").tooltip();
</script>

but i'm getting nothing. Sorry this is localhost so cant post a url.

any help/guidance would be most appreciated
The administrator has disabled public write access.

Bootstrap tooltips or popovers 9 years 9 months ago #32083

  • nate.hunter
  • nate.hunter's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 3
this is an answer to a ticket I just submitted hope this helps....

This can be easily achieved with the instructions offered in the mentioned article, but you will need to make some adjustments to the syntax of your radio/checkbox items. In radio and checkbox groups you can define the items with both a value and a label, the exact syntax is:

value|label

For example:

apple|This is the apple item
orange|This is the orange item

The label of your radio/checkbox item supports HTML code, thus in order to set a tooltip for the label please try using the following syntax:

apple|<span data-toggle="tooltip" title="apple tooltip">This is the apple item</span>
orange|<span data-toggle="tooltip" title="orange tooltip">This is the orange item</span>

Regards!
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!