Hotdesk App with SVG and PCF

(0) Share

Report

Posted on by b4t0r_

Hi,

Is it possible to create a PCF Component (standard or virtual) that will:
1. Display a given SVG image;

2. Allow to set certain markers as "clickable" so user can click them;

3. Have output with last selected clickable element

4. Have input to set: hidden "clickable" elements and taken "clickable" elements

5. Zoom, pan and pinch functionalities

I've tried to do it and I've succeded in a way but it is far from ideal. My component is a virtual React component. It takes an SVG text as a property and renders it in the special third-library component that allows to zoom of the image. I can set certain objects as "clickable" class. When they are clicked a property Two-options is changed so Power Apps can detect whenever an action is called. I tried also to create a reset property. My component works but it is not optimized, slow and requires a lot of customization in app to work properly.

Thank you for answers!

Categories:

Power Apps component framework