Skip to main content
Version: 1.0

Control Management

The Control Management function lets you define, edit, and organize how UI controls are arranged in the SAP Business One Web Client.

You can review, modify, and reposition controls across supported SAP views. All layout changes are context-aware and saved in the active user profile.

Before making advanced layout adjustments, you must first create an editable view for the current SAP Web Client screen using Create New View.

note

You can access each CompuTec WebUp function from the CompuTec WebUp Manager Side Panel inside the SAP Business One Web Client. Features open only if the current SAP Business One screen supports extensibility.

If a view is not supported by the SAP Web Client Extensibility model, the system displays Unsupported View, and editing is disabled. Some view sections don't have visible titles. In these cases, they are identified by their order in the layout instead of a label.

Key functions of control management

  • Select Control: Precisely select specific controls

    alt text

    info

    Each control in SAP Business One Web Client has its Global Unique Identifier (GUID). You can copy it and use it in the script during the View Actions creation to precisely reference a control in your SAP Business One interface.
    To reference controls precisely when building actions, you can use the Select Control tool, the right-click Inspect Element or Copy GUID options.

    alt text

  • Position: Move or reorder controls within a section or between different sections

    alt text

  • Basic Options: Edit control details such as name, visibility, and position

    alt text

  • Mode: View and edit control properties using Basic or Dynamic options:

    • Basic: Allows you to quickly update to standard control attributes (label, visibility, mandatory settings). It's ideal for simple layout changes that do not require data binding.

    • Dynamic: In this option, the control's value reacts dynamically to changes in a data source (for example, Sales Quotation Total). It is useful for dynamic layouts that are adjusted based on a condition: business logic or user input.

      alt text

      info

      Watch our videos to see how to use the Dynamic mode:

      Watch: CompuTec WebUp - Dynamic Control Configuration
      Watch: CompuTec WebUp - Highlighting Fields with Colour

Control management use cases

Add a new control

If you want to add a new control, follow these steps:

  1. Log in to SAP Business One Web Client.

  2. Navigate to the screen where you want to add a control. In our example, it's Sales Order 4.

  3. Open CompuTec WebUp Manager by clicking on its browser extension icon.

  4. Click + Add New Control.

    alt text

  5. Choose Control Type from the list.

    alt text

  6. In Target Control field, choose the position from the list, or use the arrow icon to do it manually.

    alt text

  7. In SAP Business One Web Cient, click the place where you want to add the control.

  8. In CompuTec WebUp Manager side panel, choose the Relative Position of the control. In our example, we want to add our control After the Accounting section.

    alt text

  9. In Basic Options, define how the control should look and behave.

    alt text

    info

    CompuTec WebUp Manager includes a Help Mode that provides quick access to SAP Business One documentation.

    If you want to know more about each control type or configuration option, turn on Help Mode by clicking the question mark icon in CompuTec WebUp Manager.

    alt text

    When Help Mode is active, additional ? icons appear next to supported controls, properties, and SAP Business One objects. Click any of these icons to open the related SAP documentation and learn more about the selected element.

    alt text

    This feature helps you quickly find information about SAP Business One controls and configuration options without leaving the current screen.

    ▶ Watch: CompuTec WebUp Manager Help Mode

  10. Click Add & Preview.

    alt text

  11. If you are happy with the results, Activate the view.

    alt text

  12. Done! You've successfully added a control.

Video walkthrough

Watch: CompuTec WebUp - How to Add Controls

Hide an unused control

If you want to hide an unused control, follow these steps:

  1. Log in to SAP Business One Web Client.

  2. Navigate to the screen you want to edit. In our example it's Sales Order.

  3. Open CompuTec WebUp Manager by clicking on its browser extension icon.

  4. In Control Details section of CompuTec WebUp Manager side panel, click Select Control.

    alt text

  5. On the left panel, click the Control you want to hide on the SAP Business One Web Client screen. In our example, we want to hide the Additional Information section.

    alt text

  6. In CompuTec WebUp Manager side panel on the right, find Visible option, and click the toggle to turn it off.

    alt text

  7. Click Save & Preview.

    alt text

  8. Click Activate when you are satisfied with the result.

    alt text

Video walkthrough

Watch: CompuTec WebUp - How to Hide Controls

Move a control to a different section

If you want to move a control to a different section, follow these steps:

  1. Log in to SAP Business One Web Client.

  2. Navigate to the screen you want to edit. In our example it's Sales Order.

  3. Open CompuTec WebUp Manager by clicking on its browser extension icon.

  4. In Control Details section of CompuTec WebUp Manager side panel, click Select Control.

    alt text

  5. On the left panel, click the Control you want to move on the SAP Business One Web Client screen. In our example, we want to move the Contact Person field higher, to directly under the Customer field.

    alt text

  6. In CompuTec WebUp Manager panel on the right, find the Position section, and click the arrow to turn on new location selection for the control.

    alt text

  7. Click the section where you want to move the control.

    alt text

  8. Click Save & Preview to see your changes.

    alt text

  9. Now it's time to Activate the view.

    alt text

Video walkthrough

Watch: CompuTec WebUp - How to Move Controls

Make a field mandatory

If you want to make a field mandatory, follow these steps:

  1. Log in to SAP Business One Web Client.

  2. Navigate to the screen you want to edit. In our example it's Sales Order.

  3. Open CompuTec WebUp Manager by clicking on its browser extension icon.

  4. In Control Details section of CompuTec WebUp Manager side panel, click Select Control.

    alt text

  5. On the left panel, click the Control you want to make mandatory on the SAP Business One Web Client screen. In our example, we want to make the Currency field mandatory.

    alt text

  6. In the Control Details tab of the CompuTec WebUp Manager side panel, navigate to Mandatory section, and turn on the toggle.

    alt text

  7. Click Save & Preview to continue.

    alt text

  8. Click Activate.

    alt text

Video walkthrough

Watch: CompuTec WebUp - Controls - Other Configurations