Skip to main content
Solved

How to move a detail field in the modern version

  • January 7, 2026
  • 3 replies
  • 45 views
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.

3 replies

A
Captain II
Forum|alt.badge.img+9
  • 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.

Aleks
    A
    Jr Varsity III
    Forum|alt.badge.img+3
    • Abhishek Niikam
    • Jr Varsity III
    • Answer
    • January 7, 2026

    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.

    Abhishek Nikam || MVP @2026 ||https://www.linkedin.com/in/abhisheknikam3
      marcorojas82
      Freshman I
      • marcorojas82
      • Author
      • Freshman I
      • January 7, 2026

      export class ARTran_SKModernUICST {    

          @placeAfterProperty("TaskID")

          ARTran__TaskID_description: PXFieldState;

      }

      This new change worked as expected, thank you.

        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