Skip to main content
Question

Modern UI Formatting Question for Customization

  • January 27, 2026
  • 3 replies
  • 20 views
M
Freshman I

I’m trying to add a fieldset on the Bills and Adjustments screen after the ‘columnFirstSummary’ fieldset. However, the only way I can get this to work is to physically remove the fields/fieldset and then re-add them in a separate div. This isn’t bad, but if the fields change in the future I’ll obviously have to update the customization any time it does. Is there a more futureproof way to add this fieldset in the same column? Or am I kind of stuck with this solution?

<template>
    <field remove="#columnFirstSummary FIELD[name='Status']"></field>
    <field remove="#columnFirstSummary FIELD[name='DocDate']"></field>
    <field remove="#columnFirstSummary FIELD[name='FinPeriodID']"></field>
    <field remove="#columnFirstSummary FIELD[name='InvoiceNbr']"></field>
    <field remove="#columnFirstSummary FIELD[name='IsJointPayees']"></field>
    <field remove="#columnFirstSummary FIELD[name='RefNbr']"></field>
    <field remove="#columnFirstSummary FIELD[name='DocType']"></field>
    <qp-fieldset remove="#columnFirstSummary"></qp-fieldset>
    <div slot="A" id="firstColumnDiv" prepend="#formSummary">
      <qp-fieldset id="columnFirstSummary" view.bind="Document">
        <field name="DocType"></field>
        <field name="RefNbr"></field>
        <field name="Status" class="colored" pinned></field>
        <field name="DocDate"></field>
        <field name="FinPeriodID" pinned="false"></field>
        <field name="InvoiceNbr" pinned="false"></field>
        <field name="IsJointPayees"></field>
      </qp-fieldset>
      <qp-fieldset id="Document_CstPXLayoutRule3_fs" view.bind="Document">
        <field name="UsrAllocationID"></field>
        <field name="UsrAccount"></field>
        <field name="UsrAllocationAmt"></field>
      </qp-fieldset>
    </div>
</template>

This is how it looks when working as I would expect:
 

 

Originally I was just trying to both after/append the section after but it would never work as I expected.

<template>
      <qp-fieldset id="Document_CstPXLayoutRule3_fs" append="#columnFirstSummary" view.bind="Document">
        <field name="UsrAllocationID"></field>
        <field name="UsrAccount"></field>
        <field name="UsrAllocationAmt"></field>
      </qp-fieldset>
</template>

 

3 replies

M
Freshman I
  • mmarklow44
  • Author
  • January 27, 2026

Although now that I’ve typed that out, I wonder if it would just make sense to add the div, move the existing fieldset instead of removing/adding, remove the slot property from the existing fieldset, then append my fieldset. I’ll give that a try.

    V
    Freshman I

    ​@mmarklow44 could you please share how you implemented this in the end?

      M
      Freshman I
      • mmarklow44
      • Author
      • January 27, 2026

      I just have to think about this a little differently I guess. The thought process I posted about before seems to work. Basically this adds the div, moves the columnFirstSummary fieldset to the new div, then appended my new fieldset against the div. This way I don’t need to worry if the contents of the columnFirstSummary fieldset changes. Results are the same as the above code that removed/re-added everything. I actually never removed the slot=”A” property from columnFirstSummary, but not sure if it matters.

       

      <template>
          <div slot="A" id="firstColumnDiv" prepend="#formSummary"></div>
      	<qp-fieldset modify="#columnFirstSummary" append="#firstColumnDiv"></qp-fieldset>
      	  <qp-fieldset id="Document_CstPXLayoutRule3_fs" view.bind="Document" append="#firstColumnDiv">
      		<field name="UsrAllocationID"></field>
      		<field name="UsrAccount"></field>
      		<field name="UsrAllocationAmt"></field>
      	  </qp-fieldset>
          </div>
      </template>

       

      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