..read more

..read more

Requirement ..read more

Requirement Sometimes you have upload files from power pages site to sharepoint or onedrive and allow users to download it directly from portal site ..read more

Requirement Sometimes you need to display bell icon on power pages site, similar to facebook, linkedin and other social media platform to let user notified about pending items or action items ..read more

Requirement Sometimes, you don’t want to use Power Pages default Profile page due to its restricted layout and are only able to use Profile Webform available in Dataverse. To get rid off default profile page, you want to Create a custom profile page where you want to display information as per your business needs. Solution Step 1: Open Power Pages Design Studio To open Power Pages Design Studio by navigating to the following URL: “https://make.powerpages.microsoft.com/e/<Your Environment Id>/sites/<Your Power Pages Site id>“ You can get the Environment Id by navigating to the Power ..read more

Requirement Display the My Account page on the Power Pages site, where site users could view their account details. Solution Step 1: Open Power Pages Design Studio To open Power Pages Design Studio by navigating to the following URL: “https://make.powerpages.microsoft.com/e/<Your Environment Id>/sites/<Your Power Pages Site id>“ You can get the Environment Id by navigating to the Power Platform Admin Center > Open Environment > Copy Environment Id To get the Power Pages Site Id, Open the Power Pages Management App from the App list > Open Website record and Copy the id pa ..read more

Problem Statement Sometimes, before submitting the form, you have to verify Note Control to determine if the user has uploaded the document or not. Solution You can write following JavaScript code on either Basic Form or Multi Step form var HasNoteAttachment = $('.note').length; var HasFileUploaded = $('#AttachFile').val(); if(HasNoteAttachment == 0 && HasFileUploaded == "") { alert('Please upload document before proceed'); return false; } Demo To demonstrate, I have added a File Upload control to the Multi Step form. When I click Next to move on to the next step, I receive t ..read more

Problem Statement There are situations when you have to verify whether data is present in the subgrid. or you wish to prevent users from submitting the form (basic or multi-step) until they have added at least one entry to the subgrid. Solution The simple solution to this problem is to write the following line of JavaScript code: var IsContactInfoPresent = $("tr").find("[data-entity='arp_contact']").length; if(IsContactInfoPresent == 0) { alert("Please add atleast one Contact Information before proceed."); return false ..read more

Problem Statement There are situations when you need to prevent portal visitors from choosing dates that are outside of a specific range. For example, you might let them choose only today or any future day while restricting all previous dates. Solution You can use the Bootstrap mindate function in client-side JavaScript in combination with the Power Pages date picker control. The following code will block any future date selection: $(document).ready(function(){ var todayDate = new Date(); $('#arp_startdate').next().data("DateTimePicker").minDate(moment(todayDate)); }); The following code wi ..read more