Power Apps Portal: How to Display Tooltips on a Form

-

In this article, I will explain how to display tooltips in a Power Apps Portal (Power Pages) form.

Tooltips are a simple yet powerful way to improve user experience in Power Apps Portal (Power Pages). In this post, I’ll explain how to display tooltips on portal forms using Dataverse field descriptions.

🧩 What is a Tooltip?

A tooltip is shown when a user hovers over a field label. In Power Pages, this tooltip comes directly from the Description property of a Dataverse column.


Step 1: Add Descriptions to Dataverse Columns.

I used an existing Dataverse table named Order and added descriptions to the required columns. These descriptions will be used as tooltip text in the portal.

Step 2: Update the Main Form
  • Open the Order Main Form
  • Add the required fields
  • Save and publish the form

Step 3: Configure Basic Form and Web Page

  • Create or update a Basic Form that uses the Order Main Form

  • Attach the Basic Form to a Web Page in the portal

Step 4: Enable Tooltips on the Basic Form (Important)

To allow tooltips on the portal form:

  1. Go to Portal Management

  2. Navigate to Basic Forms

  3. Open your Basic Form

  4. Go to the Form Options tab

  5. Enable the checkbox “ToolTip Enabled”

  6. Save and publish the changes







This step is mandatory. Without enabling this option, tooltips will not appear.

Step 5: Add Entity Form Metadata

  1. Go to Entity Form Metadata

  2. Click New

  3. Set the following values:

    • Type: Attribute

    • Attribute Logical Name: XXX_subscriptionoption

  4. Select the required field

  5. Save the record

  6. Activate the metadata record










select that row and activate row.







Step 6: Sync Portal Changes

  • Go back to Power Pages

  • Click Sync Configuration to apply the latest changes


Step 7: Clear Portal Cache

To clear the portal cache, open the Portal URL in your browser:

example: https://testenvi.powerappsportals.com/_services/about 

Click Clear Cache.


Step 8: Verify Tooltips on the Portal
  • After clearing the cache:
  • Open the portal page
  • Refresh the page
  • Hover your mouse over the field label
You should now see the tooltip displayed, showing the description configured in Dataverse.

Conclusion

By adding descriptions to Dataverse fields, enabling tooltips in the Basic Form, and configuring Entity Form Metadata, you can easily display helpful tooltips in Power Apps Portal forms. This improves user experience and provides clear guidance for data entry.


Thank you
Dharmendra Chavda

Comments

Post a Comment

Popular posts from this blog

Run a Dynamics 365 Plugin from JavaScript on Button Click

-
Image
Trigger a Dynamics 365 Plugin from JavaScript on Button Click In Dynamics 365, plugins usually run when system events happen — like creating, updating, or deleting a record. But in some cases, you might want to run a plugin only when the user clicks a button on a form. This blog will guide you step by step on how to trigger a Dynamics 365 plugin from JavaScript using a Custom Action and a Plugin. Steps to call a plugin from JavaScript   Create a Custom Action Open Advanced Settings → Solutions (or open the specific solution where you want to add the action). Click New in the top menu. Choose Automation → Process. From the process types, pick Action — use an Action when you want to call plugins or custom logic from JavaScript, workflows, or Power Automate. Once you click on Action a Quick Create Process form will open and fill details. After that below form is open and you can update process argument as below. And Activate process. 2. Register the Plugin on the Acti...
Read more

Data Upload into CRM from Excel Using Power Automate

-
Image
When managing a CRM like Microsoft Dynamics 365, uploading data from an Excel file can be a tedious manual task, especially when working with large datasets. You can automate this process using Power Automate (formerly known as Microsoft Flow), saving time and ensuring data consistency. Step 1: Prepare Your Data in Excel Ensure that your Excel file is well-organized, the  first row contains the Header names, and check incorrect values to prevent upload issues. Step 2: Create a table in Excel or based on the requirement.            Import Contact Template Step 3: Upload Your Excel File to OneDrive. Power Automate needs access to your Excel file. Store your file in a cloud-based location like OneDrive for Business or SharePoint: Upload the file to your OneDrive. Take note of the file path, as you will need it in Power Automate. Step 4: Set Up Power Automate to Upload Excel Data to CRM Now, we will set up a flow to automate the data upload process. Log in...
Read more

Add Java Script and CSS in PowerApps Portal

-
Image
Hi Readers, In PowerApps Portals, you can use JavaScript and CSS to customize the appearance and behavior of your portal, including blog content. Here's a general guide on how you can add JavaScript and CSS to a PowerApps Portal for a blog: Open the Powerapps Portal and go to the particular form to Add Javascript and CSS. Copy " owner-operator-compare-survey " to this text form link as mentioned below. Open portal Management form PowerApps and jump to "Web Pages" as below. After that click on the "Partial URL" field and select Filter by option. Paste "owner-operator-compare-survey" into the blank box below and click  "Apply" . Once it's filtered we can see only one record on the web page. Open Record and Click on the "Advance" option.   Add Custom Javascript and Custom CSS based on requirements. Navigate to the " owner-operator-compare-survey" page on your portal and check that javascript and CSS are working...
Read more