How To Fix SWDP_WB_TOOL_VD_ACC010 - ACC: Element "&1" uses absolute units

SAP Error Message - Details

• Message type: E = Error

• Message class: SWDP_WB_TOOL_VD_ACC - ACC Checks

• Message number: 010

• Message text: ACC: Element "&1" uses absolute units

What causes this issue?

UI element "&V1&" uses absolute units for the height property and/or
width property (px).

System Response

The system issues an error message and will not allow you to continue with this transaction until the error is resolved.

How to fix this error?

Use relative units instead (for example, ex)

Procedure for System Administrators

Error message extract from SAP system. Copyright SAP SE.

Smart SAP Assistant

• What is the cause and solution for SAP error message SWDP_WB_TOOL_VD_ACC010 - ACC: Element "&1" uses absolute units ?

  The SAP error message SWDP_WB_TOOL_VD_ACC010 with the description "Element '&1' uses absolute units" typically occurs in the context of SAP Web Dynpro applications. This error indicates that a UI element is defined with absolute units for its dimensions (like width or height), which is not recommended for responsive design.
  Cause:
  The error is caused by the use of absolute units (e.g., pixels) in the layout properties of a UI element. Absolute units can lead to issues with responsiveness and adaptability of the UI across different screen sizes and resolutions. SAP recommends using relative units (like percentages or ems) to ensure that the UI elements scale appropriately.
  Solution:
  To resolve this error, you should modify the properties of the affected UI element to use relative units instead of absolute units. Here are the steps to do this:
  
  
  Identify the Element: Check the error message for the specific element name (represented by &1 in the error message).
  
  
  Open the Web Dynpro Component: Go to the Web Dynpro component in the SAP Web Dynpro Workbench.
  
  
  Locate the UI Element: Find the UI element that is causing the error in the layout.
  
  
  Change the Units:
  
  If the element has properties like width or height set in pixels (e.g., 200px), change them to a relative unit (e.g., 50% or auto).
  For example, instead of setting width to 200px, you might set it to 50% or auto to allow it to adjust based on the parent container.
  
  
  
  Save and Activate: After making the changes, save and activate the Web Dynpro component.
  
  
  Test the Application: Run the application to ensure that the error is resolved and that the UI behaves as expected.
  
  
  Related Information:
  
  Responsive Design: Using relative units is part of best practices for responsive design, which ensures that applications work well on various devices and screen sizes.
  SAP Documentation: Refer to the official SAP documentation for Web Dynpro for more details on UI design best practices and guidelines.
  Web Dynpro Tools: Utilize tools like the Web Dynpro Application Designer to visually inspect and modify UI elements.
  
  By following these steps, you should be able to resolve the error and improve the responsiveness of your SAP Web Dynpro application.