Customizing your Portal from VS Code using OSX

-


STEP 1 Go to extensions and Install Power Platform tools on your Visual Studio Code



STEP 3 On VS Code, open a new terminal

STEP 4 Write the following line on the terminal to authenticate your environment
sudo pac auth create -u [Dataverse URL]



STEP 5 Identify your website record with the following command: sudo pac paportal list


STEP 6 Download website content: sudo pac paportal download --path / -id [WebSiteId-GUID]
Once the website is downloaded, you will see a successful message on the terminal and all the Portal data display on your VS project. 


          

STEP 7 You can edit the files directly here and update them on the portal from the Terminal, for example, I will update a Content Snippet to change the size of the logo image


STEP 8 So I will do an update on my Content Snippet file to change the company icon size.

If you have issues writing files on your visual studio code project, execute the next line on the terminal
sudo chmod -R 777 <project_dir_name>

to find your project's direct name: find / -name [Folder name]
   

STEP 9 Once I did the change on the file, I will Upload it to CRM using the next command:
pac paportal upload --path monsterinc---monsterinc

STEP 10 Finally, review the Portal to verify your changes 🙌


Well Done!





Comments

Post a Comment

Popular posts from this blog

Portal (Power Pages) WebAPI & forget about clearing cache

-
Image
Portals WebAPI is another way to execute CRUD actions on Dataverse from Power Pages and is mainly used for customizations. However, t his is not configured by default. How do you set it? Go to Portal Management > Website > Site Settings Create the following new site-setting records per table "Webapi/[table name]/enabled"   where the value is true  "Webapi/[table name]/fields"    where the values are the fields used, separate these by a comma or asterisk * to select all fields. "Webapi/[table name]/disableodatafilter"   where the value is true or false depending on the requirement Webapi/error/innererror"  where value is  true Security The good news is that all restrictions on your transactions depend on what user is signed and which web roles have been assigned because they rely on your Table Permissions configuration. Actions Allowed: GET PATCH PUT DELETE POST For example: function Update ( _id ) { var record = {}; record .[ fieldna
Read more

Data Migration Toolbox

-
Image
Data Migration Tool is an app to migrate Dynamics CRM/Power Platform data between environments, using fetch XML queries.  What can you expect when you use this tool? It keeps Guid records. You can turn off the plugins to migrate data. You can apply a fetch filter per table. It's another way to deploy a portal. It executes an Upsert. It doesn't delete existing records. You can have a data backup. Other tools like Data Transporter on XRMToolbox also help you to copy data between environments respecting the record Guids and select the CRUD actions you want to apply. Both apps XRMTool and DMT run only on Windows. This post will explain How to use the Data Migration tool; during my years of experience, I have done this knowledge transfer for different reasons, so I considered it helpful to have these directions immortalized on the internet. I used this tool for different purposes such as a catalog table, some old Portal deployments (known as Power Pages today) To download the data m
Read more

Using external Fonts in Power Pages

-
Image
Power platform has some specific font-family to customize your website... but as developers, we always try to figure out how far we can get to apply customizations. In this post, I will show you how to use an external font family in Power Pages to match the site with your client's brand. First, you will need a font-family file; I'll use one from Google Fonts ( Sedgwick Ave Display - Google Fonts ). Create a Web file record to attach the “*.ttf” file on the notes. I suggest leaving the Home Page as Parent if you use this font across all the pages.     To apply this font for H1 labels, download the existing CSS called "portalbasictheme.css" and edit this, replacing it with the new font-family properties.       Update the portalbasictheme.css by attaching this to web file record.     Finally, sync the portal configuration to apply these changes; note that this action synchronizes the changes done on the portal management app.       Then click on Preview> Desktop to vi
Read more