Skip to main content
Question

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

  • March 18, 2026
  • 6 replies
  • 126 views

mos11
Freshman II
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 },
        }
    }"

 

6 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 II
Forum|alt.badge.img
  • Author
  • Freshman II
  • 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.


Chris Hackett
Community Manager
Forum|alt.badge.img
  • Acumatica Community Manager
  • July 14, 2026

Hi ​@mos11 were you able to find a solution? Thank you!


Forum|alt.badge.img+2
  • Jr Varsity III
  • July 18, 2026

@mos11  Hi,
      In layout properties of respective package,Expand filter and check their you found export to excel option set as false. 
Hope this will work.


Forum|alt.badge.img+4
  • Jr Varsity II
  • July 20, 2026

Hi ​@mos11 ,

Can you try below,

config.bind = {
    toolbarItems: {
        exportToExcel: {
            visible: false
        }
    }
};

Hope above helps !!


KrunalDoshi
Varsity III
Forum|alt.badge.img+6
  • Varsity III
  • July 22, 2026

Hi ​@mos11,

I believe the issue you are facing is why those buttons are displayed at the top instead of on the tab where you have your grid and then maybe you want to hide on the tab too. Correct me if I am wrong.

Do those toolbar buttons display correctly when you shift to Classic UI? If not, then you need to fix in Classic UI first I believe.

I also do see in your code, you have multiple grids. You can try removing all and place it one by one to see which grid’s toolbar buttons are displaying at the top.

Hopefully this helps!

Still, this is not correct, please upload the ASPX of your entire screen. That will help to analyze the issue more accurately.