PCF Control in Portal/ Power Pages

Microsoft Power Pages, formerly known as Portal, is a secure, enterprise-grade, low-code SaaS platform for building and managing modern external-facing websites. Maplytics seamlessly integrates with Power Pages, allowing users to visualize Dynamics 365 records directly on a map embedded within the website. This empowers authorized users and even guests on the website to interact with the map and leverage its data visualization capabilities.

Let’s consider you have a website Woody Barn which is a Furniture Store Locator available for all. Suppose Ron has recently shifted to a new city. He is confused about shopping locally and needs to buy a few furniture pieces. But with technology at his fingertips, Ron has a quick solution. He checks out your Website of a local furniture store chain, plots his current location, and finds out the store branches near his location.

Ron thus, seamlessly picks up the nearest branch and hops on his journey to buy the required furniture. Technology makes life easy without Ron being an existing client of the furniture brand or requiring a member sign-in.

Considering this Website of Woody Barn, which Ron referred to for his furniture purchase. Selecting the current location option, Ron’s GPS location will be set and the outlets of the Company within the proximity of x miles can be plotted on the map. A corresponding list of the plotted outlets will also be listed on the left.

Clicking the ‘Get Direction’ option, opens the navigation directions from the Current Location of the user to the Record Location.

Clicking on individual records in the list opens a Tooltip Card to display more details of that record.

Records can also be filtered out using the ‘Search by Keywords’ option. A keyword can be typed in the bar, and all the records with the keyword shall be displayed as suggestions. The most suitable one can be selected.

Advanced Search

Using the Advanced Search Option, records can be plotted based on Regions.

Filter Criteria

Ron can find a store using the Filter Criteria as well. He can filter out the stores based on the type of furniture he wants to buy. Here, he can select the checkboxes for Chairs, Coffee Tables, Dressers, Ottomans, Sofas, or all.

Ron can filter stores based on the Price Range he wishes to spend in.

Configuration Steps

Now, for Ron and others like him, to access Maplytics Grid View or PCF Control on the Website, the Configured Code Component needs to be set to Yes within the Woody Barn entity of Power Pages Management by the Website Admin.

Once done with the Power Pages Configuration, the admin moves on to the Configuration Settings of Maplytics. Within Settings, the admin has to go to the License Registration tab and click the Configure button within the Configure option.

Then the Website created by the admin needs to be selected from the drop-down within the Power Pages Tab.

On clicking Proceed, 3 records get created at the bottom of the Table Permissions section in Power Pages Management signifying Inogic License Details, Map Configuration Details, and Maplytics Usage Details.

Table permissions need to be provided here as well. In each of the 3 records, first, a Web Role needs to be added.

By clicking on the Add Existing Web Role option, any Web Role can be selected.

With this done, we move to the addition of Custom Control to our view by clicking on the Customizations tab and Customize the System option.

For the Maplytics Map View Control, some more parameters need to be passed as properties, some being mandatory and the rest being optional.

Latitude, Longitude, Title, Proximity, and Distance Units are mandatory. Latitude, Longitude, and Filter Criteria need to be given a logical name. The logical name of the field Latitude has been added to the Property.