Skip to main content
Question

Grid Add/Delete Actions Not Visible Inside Tab in Modern UI

  • March 18, 2026
  • 2 replies
  • 44 views

Hi,
 In the Modern UI, I added the grid and it is visible, but the Add and Delete options are not appearing. However, these options are available in the Classic UI. Please refer to the screenshot below for reference.

Classic UI



Modern UI 
 



HTML
 

 

<template>

    <qp-grid modify="#gridImportLocations"></qp-grid>

    <field name="UsrKNSPCPOrderImportWarehouse" after="#groupOrder FIELD[name='OrderType']"></field>

    <field name="UsrKNSPCPEnableLocationWarehouse" after="#groupOrder"></field>

    <qp-grid id="santhosh" view.bind="TaxZonedetails" caption="Tax Zone Mapping" class="framed-section col-12" after="#groupSubstitutionLists"></qp-grid>

</template>



TS
 

import {

  PXFieldState,

  PXFieldOptions,

  PXView,

  updateDecorator,

  removeDecorator,

  featureInstalled,

  FeaturesSet,

  placeBeforeView,

  placeAfterView,

  placeBeforeProperty,

  placeAfterProperty,

  graphInfo,

  viewInfo,

  gridConfig,

  columnConfig,

  treeConfig,

  controlConfig,

  linkCommand,

  fieldOptions,

  fieldConfig,

  fieldInfo,

  headerDescription,

  autoRefresh,

  mappedToViewField,

  suppressLabel,

  readOnly,

  disabled,

  unbound,

  text,

  multiLine,

  primaryKey,

  type,

  ControlParameter,

  NetType,

  MenuItemRenderType,

  ScrollMode,

  TextAlign,

  GridPreset,

  GridColumnType,

  GridColumnShowHideMode,

  GridColumnDisplayMode,

  GridAutoGrowMode,

  GridPagerMode,

  GridFastFilterVisibility,

  GridNoteFilesShowMode,

  HeaderDescription,

  GridColumnGeneration,

  GridFilterBarVisibility,

  NodeSelectMode,

  PXSelectorMode,

  ApplySuggestionMode,

  ITextEditorControlConfig,

  ITimeSpanConfig,

  ISelectorControlConfig,

  ISegmentedSelectorControlConfig,

  IEditorControlConfig,

  INumberEditorControlConfig,

  IMaskEditorControlConfig,

  IMailEditorControlConfig,

  ILinkEditorControlConfig,

  IDropDownConfig,

  IDatetimeEditControlConfig,

  IColorPickerControlConfig,

  ICheckBoxControlConfig,

  ICalendarControlConfig,

  IBranchSelectorConfig,

  IBarcodeInputControlConfig,

  ITreeSelectorConfig,

  IRichTextEditorConfig,

  IFormulaEditorConfig,

  ICurrencyControlConfig,

  FieldGenerationMode,

  createCollection,

} from "client-controls";

import { BC201010 } from "src/screens/BC/BC201010/BC201010";

import { CurrentStore } from "src/screens/BC/BC201010/views";

 

export interface BC201010_KNCopiousShopifyCustomization_generated extends BC201010 {}

export class BC201010_KNCopiousShopifyCustomization_generated {

  @gridConfig({ preset: GridPreset.Primary })

  @viewInfo({ containerName: "KNSPCPTaxZoneMapping(TaxZonedetails)" })

  TaxZonedetails = createCollection(KNSPCPTaxZoneMapping);

}

 

export interface CurrentStore_KNCopiousShopifyCustomization_generated extends CurrentStore {}

export class CurrentStore_KNCopiousShopifyCustomization_generated {

  UsrKNSPCPEnableLocationWarehouse: PXFieldState;

 

  UsrKNSPCPOrderImportWarehouse: PXFieldState;

}

 

export class KNSPCPTaxZoneMapping extends PXView {

  AcumaticaTaxZone: PXFieldState;

 

  BindingID: PXFieldState;

 

  RecordID: PXFieldState;

 

  ShopifySalesChannel: PXFieldState;

}

 

2 replies

Forum|alt.badge.img+3

Hello ​@ilahiu16 you can try with change GridPreset.Primary to GridPreset.Details  

I hope it helps.


Forum|alt.badge.img+1
  • Varsity I
  • March 18, 2026

Hello ​@ilahiu16,

 

I have a similar example—please see the attached ts code and screenshot in Modern UI.
You can use GridPreset.Details or GridPreset.ShortList.