Model Driven app, URL as Hyperlink in View

[RamyaPF]

Hi,

We have a field type 'URL' that stores link to external application. The link is clickable from form.

In the 'View' the column appears to have the URL text but not hyperlink.

I am trying to

1. Display a hyperlink rather than text in the view

2. Display a image for the hyperlink in the view

Are these possible to achieve in a Model Driven app?

[Cpiasecki]

Hi @RamyaPF,

The short answer is not without code. 

You could create a custom dataset control via PowerApps Component Framework (PCF). If you use FluentUI, it can look just like an out box control as PowerApps is built using React/FluentUI under the hood.

Here is a good example of a dataset control built using the Details List control in FluentUI. 

https://dianabirkelbach.wordpress.com/2020/08/19/my-checklist-for-a-dataset-pcf-using-fluent-ui/

Let me know if this helps. 

- Chris

[EricRegnier]

Hi @RamyaPF,

If I understand correctly, you are trying to have a clickable hyperlink data field in model-driven app? This is supported out-of-the-box both on forms and views. In make.powerapps.com, create your field as URL datatype, then simply add your field to your forms and views. The link will be clickable:

Regarding images, it is supported both on forms and views, but requires some JavaScript. Here's more details: https://docs.microsoft.com/en-us/dynamics365/customerengagement/on-premises/customize/display-custom...

Hope this helps!

[RamyaPF]

Hi Eric, Thank you for your response. The field is URL datatype but doesn't shows the hyperlink in the view (shown in attachment). But , in another test entity I see the URL hyperlink is actually working as you said! Does the hyperlink logic has some special character restrictions? We have entries like: https://tasks.office.com/xxxxxx.onmicrosoft.com/en-GB/Home/Planner/#/plantaskboard?groupId=e3eaf9a3-...

[RamyaPF]

@Cpiasecki , thank you for letting me know about FluentUI

[EricRegnier · Accepted solution]

I see you're using the Editable Grid which might be the reason. Try using the default Read-only Grid to see if the link appears as a hyperlink. If it does then it's probably an issue/bug with URLs on the Editable Grid and I would submit a Microsoft Support Ticket at https://admin.powerplatform.microsoft.com/support

[RamyaPF]

That was it - the editable grid!

Thank you for your time and responses.