Skip to main content
Solved

How to move a detail field in the modern version

  • January 7, 2026
  • 3 replies
  • 126 views
  • Translate All
marcorojas82
Freshman I

 

I added the project task description next to the project task field in the classic version, but in the modern version, the project task description field is placed at the end, as shown in the image. How can I make the project task description next to the project task in the modern version?

This is the code I tried to write, but it's not working.

 

.ts

import {

  PXFieldState  

} from "client-controls";

import { AR301000,ARTran } from "src/screens/AR/AR301000/AR301000";

 

export interface AR301000_SKModernUICST extends AR301000 {}

export class AR301000_SKModernUICST {}

export interface ARTran_SKModernUICST extends ARTran {}

export class ARTran_SKModernUICST {

    ARTran__TaskID_description: PXFieldState;

}

 

.html

<template>

    <qp-grid id="gridDetails" view.bind="Transactions" wg-container="Transactions_grid">  

        <field name="TaskID"></field>

        <field name="TaskID_description"></field>  

    </qp-grid>

</template>

Best answer by Abhishek Niikam

Hello ​@marcorojas82 You can use decorator to place correctly like:
(Adjust field name in decorator accordingly)

export class ARTran_SKModernUICST {

    @placeAfterProperty("ARTran__TaskID")
    ARTran__TaskID_description: PXFieldState;
}

OR if field is available in Configuration box (Gear icon below Details Tab name/ beside file attachment) then you can drag it manually 
OR Try drag field on grid next to Project 

and you can remove TaskID from HTML part also if it works.

I hope it helps.

View original

3 replies

Captain II
Forum|alt.badge.img+11
  • aiwan
  • Captain II
  • January 7, 2026

I don’t think you need to use code, you can manually move the fields which will save your configuration.

Translate
Aleks
    Jr Varsity III
    Forum|alt.badge.img+5

    Hello ​@marcorojas82 You can use decorator to place correctly like:
    (Adjust field name in decorator accordingly)

    export class ARTran_SKModernUICST {

        @placeAfterProperty("ARTran__TaskID")
        ARTran__TaskID_description: PXFieldState;
    }

    OR if field is available in Configuration box (Gear icon below Details Tab name/ beside file attachment) then you can drag it manually 
    OR Try drag field on grid next to Project 

    and you can remove TaskID from HTML part also if it works.

    I hope it helps.

    Translate
    Abhishek Nikam || MVP 2026 || https://www.linkedin.com/in/abhisheknikam3
      marcorojas82
      Freshman I

      export class ARTran_SKModernUICST {    

          @placeAfterProperty("TaskID")

          ARTran__TaskID_description: PXFieldState;

      }

      This new change worked as expected, thank you.

      Translate
        Terms & ConditionsAccessibility 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