Skip to main content
Question

Custom Tab Not Appearing in Customers Screen using Modern UI

  • June 9, 2025
  • 0 replies
  • 72 views

Forum|alt.badge.img

Hi,

I’m trying to add a custom tab to the Customers screen, but it’s not displaying on the screen. I’ve attempted the implementation using the following code, but the tab is not appearing. Could anyone help me to troubleshoot this issue.

AR303000_extensionGeneral.html

<template>
    <qp-tabbar modify id="tabs">
        <qp-tab add id="tab13" caption="Additional Info">
                <qp-grid id="CustBankPerCustomerView_PXGrid0288" view.bind="CustBankPerCustomerView"></qp-grid>
            </qp-tab>
</qp-tabbar>
</template>

AR303000_extensionGeneral.ts

import { PXView, PXFieldState, PXFieldOptions, linkCommand, gridConfig, graphInfo, columnConfig, GridColumnShowHideMode, GridColumnType, PXActionState, TextAlign, GridPreset, GridFilterBarVisibility, GridFastFilterVisibility } from "client-controls";
import { Customer } from "../AR303000";
export interface AR303000_extensionGeneral extends Customer { }
@gridConfig({
    syncPosition: true,
    showFastFilter: GridFastFilterVisibility.False,
    preset: GridPreset.Details
})
export class AR303000_extensionGeneral extends PXView {

    @columnConfig({ width: 60, type: GridColumnType.CheckBox }) IsActive: PXFieldState<PXFieldOptions.CommitChanges>;
    @columnConfig({ width: 280 }) Terms: PXFieldState<PXFieldOptions.CommitChanges>;
    @columnConfig({ width: 280 }) BankInfo: PXFieldState;
    @columnConfig({ width: 60, type: GridColumnType.CheckBox }) Cad: PXFieldState<PXFieldOptions.CommitChanges>;
    @columnConfig({ width: 60, type: GridColumnType.CheckBox }) Lc: PXFieldState<PXFieldOptions.CommitChanges>;
    @columnConfig({ width: 60, type: GridColumnType.CheckBox }) Tt: PXFieldState<PXFieldOptions.CommitChanges>;
    @columnConfig({ width: 60, type: GridColumnType.CheckBox }) Tob: PXFieldState<PXFieldOptions.CommitChanges>;
    @columnConfig({ width: 60, type: GridColumnType.CheckBox }) Cif: PXFieldState<PXFieldOptions.CommitChanges>;
    @columnConfig({ width: 60, type: GridColumnType.CheckBox }) Cfr: PXFieldState<PXFieldOptions.CommitChanges>;
}

Thank you in advance.

Premalatha