Skip to main content

Widget Changes

Widget (Web Component) changes

Removal of jobposting and jobmarketing references

We received feedback that jobposting and jobmarketing in widget names were confusing thus we removed these references, made widget names singular and also simplified some widget names such as he-jobmarketing-products-product-id is now he-product-id.

Widget name changes

All the widgets have had their names changed. The updated widget names are still similar but some of them got moved to the "orderjourney" namespace.


Here is an entire list of names of current widgets but these widgets can also be visualized on the Playground in case you are not sure what is the latest name of the widget you have been using:

  • "he-basket-button"
  • "he-basket"
  • "he-campaign-id"
  • "he-campaign-filters"
  • "he-campaign"
  • "he-campaign-list-layout-accordiontable"
  • "he-campaign-list-layout-card"
  • "he-campaign-pagination"
  • "he-contract-id"
  • "he-contract-add"
  • "he-contract-add-channel-id"
  • "he-contract-add-button"
  • "he-contract-add-channelselector"
  • "he-contract-add-contractgroupadd"
  • "he-contract-add-credentials"
  • "he-contract-add-errors"
  • "he-contract-add-instructions"
  • "he-contract-add-optionaldetails"
  • "he-contract-add-selectedchanneldetails"
  • "he-contract-edit-id"
  • "he-contract-filters"
  • "he-contract"
  • "he-contract-journey"
  • "he-contract-list"
  • "he-contract-list-layout-card"
  • "he-contract-list-layout-table"
  • "he-contract-pagination"
  • "he-language-currencyselector"
  • "he-language-localeselector"
  • "he-orderjourney-checkout"
  • "he-orderjourney-contractchannelpostingrequirements-contract-id"
  • "he-orderjourney-contract"
  • "he-orderjourney-contract-checkout"
  • "he-orderjourney"
  • "he-orderjourney-orderconfirmation"
  • "he-orderjourney-orderreview"
  • "he-orderjourney-postingdetails"
  • "he-orderjourney-postingorganization"
  • "he-orderjourney-postingurls"
  • "he-orderjourney-postingutmcodes"
  • "he-orderjourney-postingworkinglocation"
  • "he-orderjourney-product"
  • "he-orderjourney-product-checkout"
  • "he-orderjourney-recruiterinfo"
  • "he-orderjourney-targetgroup"
  • "he-product-id"
  • "he-product-filters"
  • "he-product-filters-jobfunction"
  • "he-product-filters-jobindustry"
  • "he-product-filters-jobtitle"
  • "he-product-filters-productname"
  • "he-product-filters-productregion"
  • "he-product"
  • "he-product-journey"
  • "he-product-list-layout-card"
  • "he-product-recommended"
  • "he-product-searchrecommendproducts"
  • "he-qa-debugpanel"
  • "he-qa-debugpanel-campaign"
  • "he-qa-debugpanel-common"
  • "he-qa-debugpanel-contract"
  • "he-qa-debugpanel-language"
  • "he-qa-debugpanel-order-journey"
  • "he-qa-debugpanel-product"
  • "he-qa-debugpanel-theming"
  • "he-ui-alertbar"
  • "he-ui-modals"
  • "he-userjourney-buttons"
  • "he-userjourney-nextbutton"
  • "he-userjourney-previousbutton"
  • "he-wallet-button"
  • "he-wallet"
  • "he-wallet-topup"

  • he-jobposting-contracts-add-contract-id (formerly he-jobmarketing-contracts-add-contract-id) got changed to he-contract-add-channel-id. "contract-id" got changed to "channel-id" to prevent confusion because this widget is expecting a Product channel id, rather than an existing contract id you have.

Addition to widgets:

  • a "DEBUG" widget is being injected into your own HTML automatically, positioned at the bottom left corner, to help you speed up development and testing. This button is disabled in the production environment of HAPI Elements automatically.
  • a new app widget has been added: he-contract-journey
    • this widget combines he-contract-add (Contract Add) and he-contract (Contract Landing with Filters) pages together with a button in a single widget in case you don't want to have two separate pages for listing and adding a contract.

Missing widgets have been documented and added to Playground:

  • he-ui-modals
  • he-ui-alertbar
  • he-language-currencyselector
  • he-language-localeselector