Change graphType ONLY on a modern UI processing screen

Try creating a .ts extension file (e.g. GL504500_MyExt.ts) with the following code:

import { GL504500 } from "src/screens/GL/GL504500/GL504500";
import { graphInfo, PXPageLoadBehavior } from "client-controls";

export interface GL504500_MyExt extends GL504500 { }
@graphInfo({
    graphType: "PX.Objects.GL.AllocationProcess", // Replace with your graph
    primaryView: "Filter",
    pageLoadBehavior: PXPageLoadBehavior.PopulateSavedValues
})
export class GL504500_MyExt { }

If that doesn’t work, you may need to use ‘updateDecorator’, something like this:

import { GL504500 } from "src/screens/GL/GL504500/GL504500";
import { graphInfo, PXPageLoadBehavior } from "client-controls";
export interface GL504500_MyExt extends GL504500 { }

@updateDecorator("graphInfo", {
    graphType: "PX.Objects.GL.AllocationProcess", // Replace with your graph
    primaryView: "Filter",
    pageLoadBehavior: PXPageLoadBehavior.PopulateSavedValues
})
export class GL504500_MyExt { }

​@aleksandrsechin this publishes and I see when using the inspector that indeed, my custom graph is what is loaded at runtime.  However, when I process I get an error with no information (just processing stopped on error).  

​@darylbowman tried the updateDecorator and this would not publish. ts compile errors.

If I switch to Classic UI, it still works with my custom graph.

I think you need to debug this process. First, check if your graph actually works. Then, debug the code step by step to find the issue.

I attached debugger and stepped through but not able to see the problem as it seems to be at a much lower level than my code .  I know this graph works with the classic UI with only the primary graph changed on the screen editor.  This graph also works if I modify the base GL504500.ts file but for some reason can’t get it to work with any ts extension I’ve tried.  Starting to wonder if it’s even supported/possible. 

I may just try creating a whole new custom screen, copying the ts/html and hide the existing GL allocation process screen from navigation

If you don’t need it, great. I believe the syntax is:

import { GL504500 } from "src/screens/GL/GL504500/GL504500";
import { graphInfo, PXPageLoadBehavior } from "client-controls";
export interface GL504500_MyExt extends GL504500 { }
@updateDecorator("graphInfo", "graphType", "PX.Objects.EP.EmployeeActivitiesEntry")
})
export class GL504500_MyExt { }

import { GL504500 } from "src/screens/GL/GL504500/GL504500";
import { graphInfo, PXPageLoadBehavior } from "client-controls";
export interface GL504500_MyExt extends GL504500 { }
@updateDecorator("graphInfo", "graphType", "PX.Objects.EP.EmployeeActivitiesEntry")
})
export class GL504500_MyExt { }

I got it to compile with this (notice I had to add updateDecorator to the import from client-controls).  I was so hopeful, but alas, same non-descript error on Repaint and ElapsedTime. :(

Here is my extension:

import { GL504500 } from "src/screens/GL/GL504500/GL504500";
import { graphInfo, PXPageLoadBehavior, updateDecorator } from "client-controls";
export interface GL504500_AMECustomizations_CustomProcess_Extension
  extends GL504500 {}
@updateDecorator("graphInfo", "graphType", "PX.Objects.GL.AME.AllocationProcessAME")
export class GL504500_AMECustomizations_CustomProcess_Extension {}

Maybe because my graph is in a different namespace?  That’s the last thing I can think of.

What namespace is your graph in?

PX.Objects.GL.AME

Since it’s a completely independent graph (not an extension) I had to create my own namespace to to avoid conflicts.

I get a bunch of these compiler warnings if I don’t use my own namespace:

 warning CS0436: The type 'AccountWeight' in 'C:\inetpub\wwwroot\AcumaticaCCS\App_Data\Projects\AMECustomizations\AMECustomizations\Graphs\AllocationProcessAME.cs' conflicts with the imported type 'AccountWeight' in 'PX.Objects, Version=1.0.0.0, Culture=neutral, PublicKeyToken=null'. Using the type defined in 'C:\inetpub\wwwroot\AcumaticaCCS\App_Data\Projects\AMECustomizations\AMECustomizations\Graphs\AllocationProcessAME.cs'.