Skip to main content
Question

How can I hide the “Export to Excel” and “Fit to Screen” buttons on a screen?

  • March 18, 2026
  • 2 replies
  • 41 views

mos11
Freshman I
Forum|alt.badge.img
<template>
<qp-template id="Document_PXLayoutRule1_div0" name="1-1-1" >
<qp-fieldset id="Document_CstPXLayoutRule21_fs" wg-container="Document_form" view.bind="Document" slot="A">
<field name="WPickingNbr"></field>
<field name="SiteID"></field>
<field name="CreateTransfer"></field>
<field name="Description"></field>
</qp-fieldset>
<qp-fieldset id="Document_CstPXLayoutRule22_fs" wg-container="Document_form" view.bind="Document" slot="B">
<field name="ShipDate_Date"></field>
<field name="Time"></field>
<field name="TransferNbr">
<qp-field control-state.bind="Document.TransferReleased"></qp-field>
</field>
</qp-fieldset>
</qp-template>
<qp-tabbar id="Tab">
<qp-tab id="TabDetails" caption="Details">
<qp-grid id="CstPXGrid38" view.bind="Details"></qp-grid>
</qp-tab>
<qp-tab id="TabProductionOrders" caption="Production Orders">
<qp-splitter id="Document_splitConditions" initial-split="250" split="height">
<split-pane>
<qp-grid id="grid11" view.bind="Production"></qp-grid>
</split-pane>
<split-pane>
<qp-grid id="grid12" view.bind="ProductionDet"></qp-grid>
</split-pane>
</qp-splitter>
</qp-tab>
<qp-tab id="TabAisleRegion" caption="Aisle Region">
<qp-grid id="CstPXGrid53" view.bind="AisleRegion"></qp-grid>
</qp-tab>
<qp-tab id="TabCustomerOrder" caption="Customer Order">
<qp-grid id="CstPXGrid54" view.bind="CustomerOrder"></qp-grid>
</qp-tab>
</qp-tabbar>
</template>
import { createCollection, createSingle, PXScreen, graphInfo, viewInfo} from "client-controls";
import { BZWPHdr, BZWPDet, BZWPProduction, BZWPProductionDet, BZWPAisleRegion, BZWPCustomerOrder } from "./views";

@graphInfo({graphType: "BZBelAirMods.BZWPEntry", primaryView: "Document", })
export class BZ301002 extends PXScreen {

Document = createSingle(BZWPHdr);
@viewInfo ({containerName: "Details"})
Details = createCollection(BZWPDet);
@viewInfo ({containerName: "Production Orders"})
Production = createCollection(BZWPProduction);
@viewInfo ({containerName: "Production Orders"})
ProductionDet = createCollection(BZWPProductionDet);
@viewInfo ({containerName: "Aisle Region"})
AisleRegion = createCollection(BZWPAisleRegion);
@viewInfo ({containerName: "Customer Order"})
CustomerOrder = createCollection(BZWPCustomerOrder);
}
import { PXView, PXFieldState, linkCommand, gridConfig, PXFieldOptions, columnConfig, PXActionState, GridPreset, GridFastFilterVisibility, viewInfo } from "client-controls";

export class BZWPHdr extends PXView {
WPickingNbr : PXFieldState<PXFieldOptions.CommitChanges>;
SiteID : PXFieldState<PXFieldOptions.CommitChanges>;
CreateTransfer : PXFieldState<PXFieldOptions.CommitChanges>;
Description : PXFieldState;
ShipDate_Date : PXFieldState<PXFieldOptions.CommitChanges>;
Time : PXFieldState<PXFieldOptions.CommitChanges>;
TransferNbr : PXFieldState;
TransferReleased : PXFieldState;
}

@gridConfig({
syncPosition: true,
showFastFilter: GridFastFilterVisibility.False,
preset: GridPreset.Details,
actionsConfig: {
insert: { hidden: true }
},
topBarItems: {
Reload: {index: 0, config: {commandName: "Reload", text: "Load"}},
}
})
export class BZWPDet extends PXView {
Reload: PXActionState;
@columnConfig({
width: 70
})
OrderType : PXFieldState;
@linkCommand("ViewSOOrder")
OrderNbr : PXFieldState;
@columnConfig({
width: 70
})
LineStatus : PXFieldState;
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 140
})
BAccountID : PXFieldState;
@columnConfig({
width: 60
})
PickTicket : PXFieldState;
@columnConfig({
width: 60
})
IncludeInWP : PXFieldState;
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 70
})
InventoryID : PXFieldState;
@columnConfig({
width: 60
})
ExcludeFromProd : PXFieldState;
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 140
})
ShipZone : PXFieldState;
@columnConfig({
width: 100
})
OrderQty : PXFieldState;
@columnConfig({
width: 100
})
OpenQty : PXFieldState;
@columnConfig({
width: 100
})
ShipQty : PXFieldState;
@columnConfig({
width: 90
})
ShipDate : PXFieldState;
@columnConfig({
width: 70
})
OrderStatus : PXFieldState;
@columnConfig({
width: 70
})
ChangedStatus : PXFieldState;
@columnConfig({
width: 140
})
ReasonCode : PXFieldState;
@columnConfig({
width: 280
})
Description : PXFieldState;
@columnConfig({
width: 70
})
KitAssemblyType : PXFieldState;
@linkCommand("bZViewPOOrders")
KitAssemblyNbr : PXFieldState;
@linkCommand("ViewShipment")
ShipmentNbr : PXFieldState;
}

@gridConfig({
syncPosition: true,
preset: GridPreset.Details
})
export class BZWPProduction extends PXView {
@columnConfig({
width: 70
})
KitAssemblyType: PXFieldState;
@linkCommand("ViewKitAssemblyWP")
KitAssemblyNbr : PXFieldState;
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 70
})
KitItem : PXFieldState;
@columnConfig({
width: 100
})
OrderQty : PXFieldState;
@columnConfig({
width: 70
})
TranDesc : PXFieldState;
}

@gridConfig({
preset: GridPreset.Inquiry
})
export class BZWPProductionDet extends PXView {
@columnConfig({

editorConfig: {
linkCommand: "A"
},
width: 70
})
Item : PXFieldState;
@columnConfig({
width: 100
})
OrderQty : PXFieldState;
@columnConfig({
width: 70
})
TranDesc : PXFieldState;
}

@gridConfig({
syncPosition: true,
showFastFilter: GridFastFilterVisibility.False,
preset: GridPreset.Details
})
export class BZWPAisleRegion extends PXView {
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 70
})
InventoryID : PXFieldState;
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 140
})
ShipZone : PXFieldState;
@columnConfig({
width: 100
})
OrderQty : PXFieldState;
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 140
})
LocationID : PXFieldState;
@columnConfig({
width: 100
})
Qty : PXFieldState;
}

@gridConfig({
showFastFilter: GridFastFilterVisibility.False,
preset: GridPreset.Details
})
export class BZWPCustomerOrder extends PXView {
@columnConfig({
editorConfig: {
linkCommand: "A"
},
width: 140
})
BAccountID : PXFieldState;
@columnConfig({
width: 80
})
ShippedCount : PXFieldState;
@columnConfig({
width: 90
})
ProductionCount : PXFieldState;
@columnConfig({
width: 90
})
BackOrderCount : PXFieldState;
@columnConfig({
width: 70
})
OrderCount : PXFieldState;
}

I have a problem: in my screen’s main section, two grid buttons are shown and I can’t hide them. 

I cant understande why in main panel show this buttons.
I try this but this not work correct.
config.bind="{
        actionsConfig: {
            exportToExcel: { hidden: true },
        }
    }"

 

2 replies

shushanna34
Jr Varsity I
Forum|alt.badge.img
  • Jr Varsity I
  • March 18, 2026

<template>

         <qp-grid modify="#grid-Details"

    config.bind="{

        actionsConfig: {

            exportToExcel: { hidden: true }

        }

    }">

</template>

Hi  ​@mos11 ​ this is for the export to excel button on the grid, instead of grid id use the screen’s ID for your case, use this way for the fti to screen as well.


mos11
Freshman I
Forum|alt.badge.img
  • Author
  • Freshman I
  • March 19, 2026

@shushanna34 I tried this, but it didn’t work. I don’t understand why this buttons should be in the Main panel.