Tooltips are the little boxes that pop up when you hover over something to show some additional information in the context of each field

Tooltip Styles

Standard: This is the default tooltip that pop up when you hover over the element

standard-tip
Tips Above Field: Tooltip is displayed as a Text above the field name

tips-above-field

Tips Below Field: Tooltip is displayed as a Text below the field name

tip-below-field

Editing Tooltip Content

Joobi automatically creates tooltips for all products, however you can customize the content and format for the core elements and your created fields.

There 2 ways to edit a tooltip easily without having to touch CSS or PHP Files.

Option 1 Using Direct Edit

  • From the admin panel, navigate to jApps >> Preferences
  • Go to Views tab, locate "Direct Edit" and "Who can Edit" under Direct Editing section
  • Specify the user role who can edit
  • Click [Save] once you are done
  • Now go back to the "View" you want to edit an element

Note: You can edit ALL the Tooltips even the core ones in the admin area and front-end to personalize the product. Once you update, all your customizations are preserved.

Direct Editing looks like this:

tip-edit-fe

Option 2 Edit Tooltip direct from the Design area

  • From the admin panel, navigate to jApps >> Design >> Views
  • Locate the "View" you want to edit and click "Elements" to view the list of elements for that specific view
  • Select the element that you want to edit the "Tooltip
  • Enter your "Tooltip Content" under Tips

tips-edit

  • Navigate to "Attributes" tab and select your "Tooltip Style".
  • Click [Save] once you are done

In this article, I'll edit the product from front-end for vendors.
If you are not sure what is the name of the view you are actually editing, please read our article about "Views".

tip-attributes

For Custom Fields Tooltip

You can add your Tooltip upon creation of the Field. However to edit the Styles, you need to follow above editing to access the "Element Attributes".

  • From the admin panel, navigate to [any Joobi products] >> Tools >> Models & Fields
  • From the creation page of your "Field", enter your Tooltip content under Description.

field-tooltip

Thank you for your purchase!

We are committed to a policy of fair-trading and we shall make every effort to ensure that you are happy with our products and services. We invite you to review the following terms that will apply to any order you place with us and if you find yourself unable to agree to them, then you must contact Joobi support for further clarification.

  • Refund Policy: All purchases made through Joobi store are final and there are no refunds. Joobi uses "evaluate before you buy" approach (30 days trial), we do NOT issue refunds after a membership is purchased.
  • Support Policy
  • Terms of Use
Note: Your subscription is renewed automatically at the end of the initial period, and the recurring payment will be made with the payment method you used to sign up. You can cancel the subscription at any time via Paypal.

Friendly Reminder

Joobi uses "evaluate before you buy" approach, we do NOT issue refunds after a subscription is purchased.
All basic plan (3 months) includes a back-link to Joobi.org

We invite you to:

Use the 30 days trial period before buying
Test-drive Joobi products using the demo website
For Mobile apps, check our iOS and Android demo

joobi-custom-service

Web Hosting Partner

Web Hosting     DreamHost