microsoft / powercat-creator-kit

This toolkit helps create well-designed Power App experiences on the web & mobile. It contains a component library; PCF controls and other utilities that increase developer productivity.
MIT License
312 stars 51 forks source link

[Question]: Message Opening in Studio: "App imported from an older version" #494

Closed sperry1625 closed 2 weeks ago

sperry1625 commented 2 weeks ago

Describe the bug The following message started appearing today when I open my app in Power App Studio: App imported from an older version. This is accompanied by the following message:

Warning : Controls of type cat_PowerCAT.FluentDetailsListTemplate_dataField cannot be shown in this version of Power Apps. Please try a newer version.

To Reproduce Steps to reproduce the behavior:

  1. I have no idea, just started appearing today.

Expected behavior No message.

Screenshots

image

Additional context This is not a new application. I have been working on it most of the year. I have not done any imports and have never seen this message before.

Thank you.

Regards,

-SP

MaheshSripada commented 2 weeks ago

Hi @sperry1625 ,

We appreciate you bringing this to our attention.

To better understand the problem, can you please provide following additional information.

1) Power Apps Studio version and the Fluent Details List version. 2) Formulas used in the DetailsList.Items. 3) Code of the Fluent Details (as shown in the attached screenshot).

image image

This will help us resolve the issue more efficiently.

Jenefer-Monroe commented 2 weeks ago

I think I saw this error message before but I'm not entirely sure. For me it ended up being related to the user's concept of version not the product's which is what it sounded like.

So I just added an unnecessary button, published, removed it, published again, and then reloaded the app.

I know it sounds like a dumb suggestion but please do try it as it worked for me, unless I'm just remembering the error message totally incorrectly.

sperry1625 commented 2 weeks ago

Hi @sperry1625 ,

We appreciate you bringing this to our attention.

To better understand the problem, can you please provide following additional information.

  1. Power Apps Studio version and the Fluent Details List version.

    3.24084.21

  2. Formulas used in the DetailsList.Items.
SortByColumns(
    hm_colEvents,
    hm_ctxEventSortColumn,
    If(
        hm_ctxEventSortDirection = 'PowerCAT.FluentDetailsList.CurrentSortDirection'.Ascending,
        SortOrder.Ascending,
        SortOrder.Descending
    )
)
  1. Code of the Fluent Details (as shown in the attached screenshot).
- hm_detEvents:
    Control: cat_PowerCAT.FluentDetailsList
    Variant: pcfdataset
    Properties:
      OnChange: |-
        =Switch(
            Self.EventName,
            "CellAction",
            If(
                Self.EventColumn = "Expand",
                With(
                    LookUp(
                        hm_colEvents,
                        Id = Value( Self.EventRowKey )
                    ) As Row,
                    Patch(
                        hm_colEvents,
                        Row,
                        {
                            Expand: !Row.Expand
                        }
                    )
                )
            ),
            "Sort",
            UpdateContext(
                {
                    hm_ctxEventSortColumn: Self.SortEventColumn,
                    hm_ctxEventSortDirection: 
                    If(
                        hm_ctxEventSortColumn = Self.SortEventColumn,
                        If(
                            hm_ctxEventSortDirection = 'PowerCAT.FluentDetailsList.CurrentSortDirection'.Ascending,
                            'PowerCAT.FluentDetailsList.CurrentSortDirection'.Descending,
                            'PowerCAT.FluentDetailsList.CurrentSortDirection'.Ascending
                        ),
                        'PowerCAT.FluentDetailsList.CurrentSortDirection'.Ascending
                    )
                }
            )
        );
      AlternateRowColor: =fTheme.paletteCSS.neutralLighterAlt
      CurrentSortColumn: =hm_ctxEventSortColumn
      CurrentSortDirection: =hm_ctxEventSortDirection
      Items: |-
        =SortByColumns(
            hm_colEvents,
            hm_ctxEventSortColumn,
            If(
                hm_ctxEventSortDirection = 'PowerCAT.FluentDetailsList.CurrentSortDirection'.Ascending,
                SortOrder.Ascending,
                SortOrder.Descending
            )
        )
      LargeDatasetPaging: =true
      RaiseOnRowSelectionChangeEvent: =true
      RecordCanSelect: ="Active"
      RecordKey: ="Id"
      SelectRowsOnFocus: =true
      SelectionType: ='PowerCAT.FluentDetailsList.SelectionType'.Single
      Theme: =fTheme.themeJSON
      Tooltip: =
      columns_Items: |-
        =With(
            {
                // If there is a selection column, we remove the width and the padding
                availableWidth: Self.Width-(60+150+75+70+75+180+60+16)-64-155, //If( Self. ddSelectionMode.Selected.Name<>"None",32+16),
                padding: 32,
                scrollWidth: 20,
                datesWidth: 175,
                eventDateWidth: 85
                //collapsedModifiedOn:chkCollapseCols.Checked,
                //multiLineDescription: chkWrapDescription.Checked
            },
            Table(
                {
                    ColName: "TypeIcon",
                    ColDisplayName: "",
                    ColWidth: 32,
                    ColCellType: "image",
                    ColImageWidth: 32,
                    ColVerticalAlign: "middle" //,
                    //ColPaddingTop: 4
                },
                {
                    ColName:"Id",
                    ColDisplayName: "Event Id",
                    ColWidth: 70,
                    ColSortable: true,
                    ColCellType: "link",
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "center",
                    ColRowHeader: true,
                    ColResizable: false
                },
                {
                    ColName: "EventDateOnly",
                    ColDisplayName: "Event Date",
                    ColSortable: true,
                    ColWidth: eventDateWidth,
                    //ColRowHeader: true,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "right",
                    ColResizable: false,
                    ColSortBy: "EventDate"
                },
                {
                    ColName: "EventTimeOnly",
                    ColDisplayName: "",
                    ColSortable: true,
                    ColWidth: eventDateWidth,
                    ColShowAsSubTextOf: "EventDateOnly",
                    ColLabelAbove: false,
                    ColInlineLabel: "",
                    ColHideWhenBlank: true,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "right",
                    ColResizable: false,
                    ColSortBy: "EventDate"
                },
                {
                    ColName: "EventType",
                    ColDisplayName: "Event Type",
                    ColSortable: true,
                    ColWidth: 85,
                    //ColRowHeader: true,
                    ColVerticalAlign: "middle",
                    ColResizable: false
                },
                {
                    ColName: "PeopleMoverTitle",
                    ColDisplayName: "Car Name",
                    ColSortable: true,
                    ColWidth: 80,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "center",
                    ColResizable: false
                },
                {
                    ColName: "CarType",
                    ColDisplayName: "Mover Type",
                    ColSortable: true,
                    ColWidth: 95,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "center",
                    ColResizable: false
                },
                {
                    ColName: "VendorNotif",
                    ColDisplayName:  "Dates",
                    ColLabelAbove: false,
                    ColInlineLabel: "Vendor:",
                    ColSortable: false,
                    ColWidth: datesWidth,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "right",
                    ColResizable: false
                },
                {
                    ColName: "MechanicArr",
                    ColDisplayName: "Dates",
                    ColShowAsSubTextOf: "VendorNotif",
                    ColLabelAbove: false,
                    ColInlineLabel: "Mechanic:",
                    ColHideWhenBlank: true,
                    ColSortable: false,
                    ColWidth: datesWidth,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "right",
                    ColResizable: false
                },
                {
                    ColName: "Restored",
                    ColDisplayName: "Dates",
                    ColShowAsSubTextOf: "VendorNotif",
                    ColLabelAbove: false,
                    ColInlineLabel: "Restored:",
                    ColSortable: false,
                    ColWidth: datesWidth,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "right",
                    ColResizable:false
                },
                {
                    ColName: "Duration",
                    ColDisplayName: "Duration",
                    ColSortable: true,
                    ColWidth: 75,
                    ColVerticalAlign: "middle",
                    ColHorizontalAlign: "right",
                    ColHideWhenBlank: true,
                    ColResizable:false
                },
                {
                    ColName: "Note",
                    ColDisplayName: "Note",
                    ColSortable: false,
                    ColWidth: availableWidth,
                    ColVerticalAlign: "top",
                    ColHorizontalAlign: "left",
                    ColResizable: true,
                    ColMultiLine: true
                }/*,
                {
                    ColName: "Expand",
                    ColDisplayName: "",
                    ColWidth: 32,
                    ColCellType: "expand",
                    ColRightAligned: true
                },
                {
                    ColName:"DateModified",
                    ColDisplayName:"Date Modified",
                    ColSortable:true,
                    ColWidth: 100,
                    ColResizable:true //,
                    //ColShowAsSubTextOf:If(collapsedModifiedOn,"Name"),
                    //ColInlineLabel:If(collapsedModifiedOn,"Modified:")
                }*/
            )
        )

        /*
        ,
                        {
                            ColName: "expand",
                            ColDisplayName:"",
                            ColCellType:"expand",
                            ColRightAligned:true,
                            ColWidth: 32
                        }
        */
      Height: =Parent.Height - Self.Y
      Width: =Parent.Width
      Y: =hm_elevCmdArea.Y + hm_elevCmdArea.Height
    Children:
    - EventTimeOnly1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="EventTimeOnly"
          FieldName: ="EventTimeOnly"
          FieldType: ="s"
          Order: =23
    - Editable1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Editable"
          FieldName: ="Editable"
          FieldType: ="b"
          Order: =22
    - TypeIcon1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="TypeIcon"
          FieldName: ="TypeIcon"
          FieldType: ="s"
          Order: =25
    - Active2:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Active"
          FieldName: ="Active"
          FieldType: ="b"
          Order: =24
    - VendorNotif1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="VendorNotif"
          FieldName: ="VendorNotif"
          FieldType: ="s"
          Order: =22
    - Restored1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Restored"
          FieldName: ="Restored"
          FieldType: ="s"
          Order: =21
    - MechanicArr1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="MechanicArr"
          FieldName: ="MechanicArr"
          FieldType: ="s"
          Order: =20
    - Note1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Note"
          FieldName: ="Note"
          FieldType: ="s"
          Order: =22
    - RootCause1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="RootCause"
          FieldName: ="RootCause"
          FieldType: ="s"
          Order: =20
    - EventDateOnly1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="EventDateOnly"
          FieldName: ="EventDateOnly"
          FieldType: ="s"
          Order: =2
    - Duration1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Duration"
          FieldName: ="Duration"
          FieldType: ="n"
          Order: =14
    - ModifiedBy1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="ModifiedBy"
          FieldName: ="ModifiedBy"
          FieldType: ="s"
          Order: =13
    - Modified1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Modified"
          FieldName: ="Modified"
          FieldType: ="d"
          Order: =12
    - CreatedBy1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="CreatedBy"
          FieldName: ="CreatedBy"
          FieldType: ="s"
          Order: =11
    - Created1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Created"
          FieldName: ="Created"
          FieldType: ="d"
          Order: =10
    - EventDate1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="EventDate"
          FieldName: ="EventDate"
          FieldType: ="d"
          Order: =9
    - EventType1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="EventType"
          FieldName: ="EventType"
          FieldType: ="s"
          Order: =3
    - CityId1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="CityId"
          FieldName: ="CityId"
          FieldType: ="s"
          Order: =8
    - CarType1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="CarType"
          FieldName: ="CarType"
          FieldType: ="s"
          Order: =7
    - CarTypeId1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="CarTypeId"
          FieldName: ="CarTypeId"
          FieldType: ="n"
          Order: =6
    - PeopleMoverTitle1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="PeopleMoverTitle"
          FieldName: ="PeopleMoverTitle"
          FieldType: ="s"
          Order: =5
    - PeopleMoverId1_1:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="PeopleMoverId"
          FieldName: ="PeopleMoverId"
          FieldType: ="n"
          Order: =4
    - Id1_3:
        Control: cat_PowerCAT.FluentDetailsListTemplate_dataField
        Variant: textualColumn
        Properties:
          FieldDisplayName: ="Id"
          FieldName: ="Id"
          FieldType: ="n"
          Order: =1

This will help us resolve the issue more efficiently.

Jenefer-Monroe commented 2 weeks ago

ok I saw this again today and it is the same error message. I last saw it ~a month ago I think. image

I did validate that my workaround fixes it, meaning it goes away.

Likely still something for folks to investigate in case its a hint of something happening in the background, but it does appear that for now we can get the dialog to go away by republishing the app.

image

denise-msft commented 2 weeks ago

We have confirmed this was caused by a change a few months ago to PCF dataset-based controls (like FluentDetailList in the Creator Kit). This message will show when a control that was last edited before this change is reopened. There should be no issues with proceeding to open the app.

Please follow Jenefer's suggestion to republish the app to make this error message go away.

  • add some unneeded control and publish
  • remove that control and publish
  • reload and its resolved.