How to Show Dialog or Pop up box in Canvas PowerApps

 Introduction: 

 In this blog we will see how to use Dialog or Popup box in Canvas PowerApps

 Implementation Steps:

 

1. Navigate to https://office.com

 

2. Click On SharePoint and Create a Site if not available else copy the existing Site URL

 

3. Create a List in SharePoint (in My demo i have created TestDemo as SharePoint List) and added two records over there

 

 

4. Navigate to https://make.powerapps.com

 

5. Click Apps

 

6. Click New Button --> Select Canvas App --> Select Phone Mode --> Enter the Name as "Popup/Dialog Demo"

 

7. Once the Page Opened --> Click Data Source --> Search for SharePoint --> Paste the URL which you copied from Point 1 --> Then select the List, once done you can see the list like below in your application

 

 

8. Click On Insert and Add Vertical Gallery and Select the Items as TestDemo from DataSource

 

9. Add a Trash Icon from the Icon Option by selecting the Gallery

 

 

10. Add a Rectangle in the PowerApps

 

 

11. Change Rectangle Fill --> RGBA(0, 0, 0, .5)

 

12. Add Three labels like Below

    a. Are you sure you want to delete the Record?

    b. Yes

    c. No

 

 

13. Group Rectangle, and Three Labels

 

 

14. Enable Rule for Group 

 

15. On Start of App 

 

 

Set(enableDialog,false)

 

 

16. Visible Property for Group --> enableDialog

 

17.Label On Select of NO 

 

 

Set(enableDialog,false)

 

 

18. Label On Select of YES

 

 

Remove(TESTDEMO,currentItem);
Set(enableDialog,false)

 

 

19. On Select of Delete Icon in the Gallery

 

 

Set(enableDialog,true);
Set(currentItem,ThisItem);

 

 

That's it 

 

Video for your Reference , Enjoy watching and Subscribe : https://www.youtube.com/channel/UCnGNN3hdlKBOr6PXotskNLA

 

Make All Field Read only MSCRM or Model Driven apps

Introduction:

In this blog we will see how to make all the filed as Read- Only using Javascript in MSCRM/DataVerse environment.

Implementation steps:

Copy the Below Code in your OnLoad Operation to make all the Fields Read Only

function MakeAllFieldReadOnly(){

 Xrm.Page.data.entity.attributes.forEach(

  function (attribute, index) {

      var attributeName = attribute.getName();

          Xrm.Page.getControl(attributeName).setDisabled(false);

  });

}

Comments in Microsoft Flow (Preview)

Introduction: 

In this blog we will see how to add/Edit/Delete or Resolve Comments in Microsoft flow 

Implantation Steps:

 

1. Navigate to https://flow.microsoft.com or based on your organization flow URL needs

 

2. Open or Create a New Flow

 

3. Once the Flow Gets Created

 

 

4. Click on the Item where you need to add Comments then CLICK Comments(Preview) at the Top

 

 

5. Then Click On New and enter the Comments

 

 

 

6. To add a new Comment Again click on the item in the flow then Click new and Add a new Comments

 

 

7. To Delete comment / Edit Comment or Resolve Click on the Three Dots at the right side to process it

 

 

That's it 

Show or Hide TIME component from Date Time in Model Driven Apps

Introduction:

In this blog we will see how to show or hide Time Component using JavaScript in Model Driven Apps/ MSCRM

Implementation Steps:

 

Some time Use want to Show/Hide Time Field Component based on their Requirement

 

 

To Achieve that we need to write some JavaScript to enable and disabled Component

 

Syntax:

 

formContext.getControl(arg).setShowTime(bool);

 

arg = Field Logical Name

bool = true/false 

 

To Enable time Component:

 

function enableTimeComponent(executionContext){
var formContext = executionContext.getFormContext();
formContext.getControl("FieldLogicalName").setShowTime(true);
}

 

To Disable time Component:

 

function enableTimeComponent(executionContext){
var formContext = executionContext.getFormContext();
formContext.getControl("FieldLogicalName").setShowTime(false);
}

 

That's it 

PowerApps force sync users from Azure AD to Data Verse Environment.

Introduction:

In this Blog we will see how to Force Sync Users from Azure AD Security Group with Data Verse Environment.

Implementation steps:

 

1. Make Sure the user is have proper License for accessing Microsoft Data verse

 

2. Navigate to https://flow.microsoft.com

 

3. Click Flows

 

4. Click New --> Select Instant Cloud Flow

 

5. Enter the Name "FORCE SYNC USER"

 

6. Create 2 Variables to get Environment ID and Group ID

 

 

7. Get the Group Members from Azure AD

 

8. Then Sync the Users with FORCE SYNC USER

 

 

Thats it  Click on Test and Pass the Variables (Environment ID and Security Group ID

 

Side Panes in Model Driven Apps

Introduction:

 

In this Blog, we will see what are the features and how we can use Side Panes in Model Driven Apps.

Implementation Steps:

 

Consider a scenario, on click of a Button I need to show a HTML page in the Form. Initially we have used Dialog to display the same in the form but Microsoft have introduced a new feature to display a SIDE PAN in the Form

 

Syntax:

 

Xrm.App.sidePanes.createPane(paneOptions)

 

PanOptions:

You can refer to https://docs.microsoft.com/en-us/powerapps/developer/model-driven-apps/clientapi/reference/xrm-app/xrm-app-sidepanes/createpane

Sample Code to Open HTML Page:

 

Check Weather the pane is already opened or not. If opened Close the pane

 

 

var currentPane = Xrm.App.sidePanes.getSelectedPane();
if (currentPane !== null && currentPane !== undefined && currentPane.paneId === "PANIDUNIQUENAME") {
var promotionPane = Xrm.App.sidePanes.getPane("PANIDUNIQUENAME");
promotionPane.close();
}

 

 

Below code for Opening the HTML page in Side pan

 

try {       
        Xrm.App.sidePanes.createPane({
            title: "PANID",
            paneId: "PANIDUNIQUENAME",
            canClose: true
        }).then((pane) => {
            pane.navigate({
                pageType: "webresource",
                webresourceName: "/webresources/yourhtmlpage.html"
            });
        });
    }
    catch (e) {
        throw e;
    }

 

 

If you want to pass any parameter from form to HTML in Side Pan

 

 

try {      
var formContext = primaryControl;
var qs = "guidofRecord=" + formContext.data.entity.getId().replace('{', '').replace('}', ''); // guidofRecord = you can pass any dummy variables
        Xrm.App.sidePanes.createPane({
            title: "PANID",
            paneId: "PANIDUNIQUENAME",
            canClose: true
        }).then((pane) => {
            pane.navigate({
                pageType: "webresource",
                webresourceName: "/webresources/yourhtmlpage.html"
                data: encodeURIComponent(qs)
            });
        });
    }
    catch (e) {
        throw e;
    }

 

 

Thats it.

Conclusion:

This is how we want to display HTML image using Side Pan in DataVerse/MSCRM