HTML Widgets; "topmost" CSS class is now applied to heading labels in tabs automatically

In some HTML Widgets, the top section of a form was hidden (e.g., based on license settings).

In these cases, the gap before the top section heading label was too large so a special "topmost" CSS class was added to the label to "fix" this.

This special class is now applied automatically in the widget.UI.Tab control's SelectedTabIndex method which is typically called in the tabWizard_Refresh() function in HTML Widgets. It can also be called via the Tab's new AutoFormatPage() method.

The following HTML Widgets have been updated to remove the manual addition of this CSS class:

• HtmlWidget_AccountPayment
• Version: 1.10 (26/01/2021)
• Payment page: The Payment details heading will be the top heading on all but large displays

• HtmlWidget_AccountWithdrawal
• Version: 1.07 (26/01/2021)
• Withdrawal page: The Withdrawal details heading will be the top heading on all but large displays

• HtmlWidget_SecurityStmtItem
• Version: 1.07 (26/01/2021)
• General page: When editing from the New Account wizard
• Insurance page: Varies depending on whether the Security Type includes the ability to enter a Description for Insurance

• HtmlWidget_AccountNew
• Version: 1.15 (26/01/2021)
• Account Type page: When the Product Types list is hidden by specifying a Product Type when starting the widget
• Other page: Statements heading may be the top rather than the Review Date heading which may be hidden

• HtmlWidget_AccountTransactionView
• Version: 1.02 (26/01/2021)
• Transaction Details page: Transaction header may or may not be shown (depending on whether the Transactions is part of a Batch)

• HtmlWidget_SmsMessage
• Version: 1.01 (26/01/2021)
• Confirm page: Charge a Fee heading appears based on Cost Centre setting for the SMS Service, e.g., TxtStream page, Options tab

NOTE: Add the CSS class "no-auto-format" to the page ("is-tab-page" div) to disable this automatic formatting.