• Screen Attributes: This includes properties such as the screen number, short description, screen type (normal, subscreen, modal dialog box) and size.
• Layout: The main area where the UI elements are placed. You can design the screen by adding and arranging fields, labels, buttons and other elements.
• Element List: A list of all the UI elements on the screen. It provides a structured view of the elements and allows easy navigation and selection.
• Attributes of Elements: When an element is selected in the layout or element list, its properties are displayed here. This includes attributes like field name, type, length, position and more.
• Flow Logic: The code that defines the behavior of the screen and it includes:
• PBO (Process Before Output): Code that runs before the screen is displayed.
• PAI (Process After Input): Code that runs after the user interacts with the screen.
• Menu Painter: A tool integrated with the Screen Painter for designing menus and function keys. It allows you to create menu bars, application toolbars, and function key assignments.
• Status: Defines the GUI status of the screen, including the title bar, standard toolbar, application toolbar, and function keys.
• Context Menu: Right-clicking on elements or areas in the Screen Painter provides a context menu with options for editing, arranging, and managing screen elements.
• Flow Logic Editor: An editor for writing and managing the screen’s flow logic. It provides a place to write ABAP code for handling user interactions and screen events.

1. Screen Attributes:

   – Screen Number: Unique identifier for the screen.

   – Short Description: Brief description of the screen’s purpose.

   – Screen Type: Defines the type of screen (e.g., normal, subscreen, modal dialog box).

   – Size: Dimensions of the screen.

      2. Layout:

   – The main area where UI elements are designed.

   – Allows adding and arranging fields, labels, buttons and other elements.

      3. Element List:

   – A structured list of all UI elements on the screen.

   – Facilitates easy navigation and selection of elements.

      4. Attributes of Elements:

   – Displays properties of selected elements from the layout or element list.

   – Attributes include field name, type, length, position, etc.

      5. Flow Logic:

   – Code defining the behavior of the screen.

   – PBO (Process Before Output): Code executed before the screen is displayed.

   – PAI (Process After Input): Code executed after user interaction with the screen.

      6. Menu Painter:

   – Tool for designing menus and function keys.

   – Allows creation of menu bars, application toolbars and function key assignments.

      7. Status:

   – Defines the GUI status of the screen.

   – Includes title bar, standard toolbar, application toolbar and function keys.

      8. Context Menu:

   – Accessible by right-clicking on elements or areas within Screen Painter.

   – Provides options for editing, arranging, and managing screen elements.

      9. Flow Logic Editor:

   – Editor for writing and managing the screen’s flow logic.

   – Allows writing ABAP code for handling user interactions and screen events.

These components enable the creation of interactive and user-friendly screens in ABAP applications, providing a comprehensive environment for screen design and management.