Skip to main content
Answer

UI fields not showing in Modern UI

  • May 27, 2025
  • 2 replies
  • 214 views
S
Jr Varsity III
Forum|alt.badge.img

We are trying to  Extended DAC Fields in the Ship via Code screen Details tab section classic to Modern UI .DAC has 2 extended fields need to display it in the modern UI Ship via Code.  
tried with below code, Unable to see fields in Modern UI, below screenshot red marked field need to display it in the modern UI Ship via Code  screen Details tab section.

 

here am sharing the DAC And Modern UI TS and html files

DAC

Typescript
 

import { PXFieldState, PXFieldOptions, PXView } from "client-controls";
import { Carrier2 } from "../CS207500";

export interface Details_customfields extends Carrier2 { }
export class Details_customfields {
    UsrNAWFreightAccrualAcctID: PXFieldState<PXFieldOptions.CommitChanges>;
    UsrNAWFreightAccrualSubID: PXFieldState;
}


HTML 

<template modify="#tabDetails">   
        <field name="UsrNAWFreightAccrualAcctID"></field>
        <field name="UsrNAWFreightAccrualSubID"></field>   

</template>
 

Best answer by rakeshe45

Hi ​@Siddu 

I assume you need the custom fields to be show after the “Fright Expense sub” field. as below

 

please refer the below code 

TS Code:

import {PXFieldState} from "client-controls";
import {Carrier2 } from "../CS207500";

export interface Carrier2_TestField extends Carrier2 { }
export class Carrier2_TestField { 
    UsrKNField1: PXFieldState;
    UsrKNField2: PXFieldState;
}

HTML

<template>
    <field after="#detailsFormColumn1 [name='FreightExpenseSubID']" name="UsrKNField1"></field>
    <field after="#detailsFormColumn1 [name='UsrKNField1']" name="UsrKNField2"></field>
</template>

 

Vignesh Ponnusamy

2 replies

R
Varsity I
Forum|alt.badge.img
  • rakeshe45
  • Varsity I
  • Answer
  • May 27, 2025

Hi ​@Siddu 

I assume you need the custom fields to be show after the “Fright Expense sub” field. as below

 

please refer the below code 

TS Code:

import {PXFieldState} from "client-controls";
import {Carrier2 } from "../CS207500";

export interface Carrier2_TestField extends Carrier2 { }
export class Carrier2_TestField { 
    UsrKNField1: PXFieldState;
    UsrKNField2: PXFieldState;
}

HTML

<template>
    <field after="#detailsFormColumn1 [name='FreightExpenseSubID']" name="UsrKNField1"></field>
    <field after="#detailsFormColumn1 [name='UsrKNField1']" name="UsrKNField2"></field>
</template>

 

Vignesh Ponnusamy
Chris Hackett
S
Jr Varsity III
Forum|alt.badge.img
  • Siddu
  • Author
  • Jr Varsity III
  • May 28, 2025

​@rakeshe45 thanks , this worked for me

Vignesh Ponnusamy
Chris Hackett
R
Terms & ConditionsCookie settingsAccessibility statement
About Acumatica ERP system
Acumatica Cloud ERP provides the best business management solution for transforming your company to thrive in the new digital economy. Built on a future-proof platform with open architecture for rapid integrations, scalability, and ease of use, Acumatica delivers unparalleled value to small and midmarket organizations. Connected Business. Delivered.
© 2008 — 2024  Acumatica, Inc. All rights reserved