Trying to add field to screen on Self Service Portal in 26R1 MUI

Hi ​@Joe Schmucker ,

Can you try below,

In addition make sure field is not hidden-

import { PXFieldState, readOnly } from "client-controls";
import { SP504010 } from "src/screens/SP/SP504010/SP504010";
import { AllOrdersLine, OpenOrdersLine, OrdersLine } from "src/screens/SP/order/view-models";

// Screen extension (required, even though it's empty)
export interface SP504010_CustRef extends SP504010 { }
export class SP504010_CustRef { }

// View extensions: the class does NOT extend anything
export interface SP504010_OrdersLine extends OrdersLine { }
export class SP504010_OrdersLine {
    @readOnly CustomerRefNbr: PXFieldState;
}

export interface SP504010_AllOrdersLine extends AllOrdersLine { }
export class SP504010_AllOrdersLine {
    @readOnly CustomerRefNbr: PXFieldState;
}

export interface SP504010_OpenOrdersLine extends OpenOrdersLine { }
export class SP504010_OpenOrdersLine {
    @readOnly CustomerRefNbr: PXFieldState;
}

Do you need to create the corresponding .html template file to add the field to the screen?

Something like this to inject the field into the  url="../order/order.html" template that’s being included by the page’s html.

<template>
    <field append="#unpaidfsOpenOrderA1" name="CustomerRefNbr"></field>
</template>