Refresh symbol Pricing Details Action button in Modern UI

Hi ​@jason statham,

You can use the standard Checks and Payments (AP302000) screen as an example, where a Refresh icon button is used next to the Payment Amount field.

Example from the AP302000 HTML:

<qp-button id="buttonAdjustDocumentAmount"
				wg-name="SetPaymentAmounttoAppliedtoDocumentsAmount"
				state.bind="Document.AdjustDocAmt"
				class="col-2"
				config.bind="{imageSet: 'main', imageKey: 'Refresh'}"
				pinned>
</qp-button>

The Refresh icon is configured using:

config.bind="{imageSet: 'main', imageKey: 'Refresh'}"

The tooltip can be defined directly on the action in C#:

[PXButton(Tooltip = "Refresh Pricing Details")]

This works in both Modern UI and Classic UI.

Alternatively, the tooltip can also be defined in the HTML using:

tooltip.bind="LocalizableStrings.myTooltip"

Here are also some relevant Acumatica Help articles and a Community discussion:

Button with an Image

Using Localizable Strings Defined in TypeScript in HTML Code

ToolTips on Modern UI