Show TOC

Web Dynpro User Interface SnippetsLocate this document in the navigation structure

Use

The Web Dynpro user interface snippets are used in modeling frequently used UI on the Web Dynpro View Designer.

A brief description of the UI snippets available in Web Dynpro is as below:

Confirmation Dialog

This snippet generates the following entities:

  • Code snippet to display a Confirmation Dialog

  • A button on the view

  • Code snippet to display the Confirmation Dialog when the button on the view is clicked

The Confirmation Dialog contains two buttons with the default text OK and Cancel . Each of these buttons contains action handlers. You can customize the code within these action handlers to perform specific tasks. You can also customize the text that appears on the Confirmation Dialog.

Modal Window

This snippet generates code to display a modal window when the button on a view is clicked. The following entities are created on applying this snippet on the view designer

  • The button that displays the modal window over the current window in the application

  • The event handler and the code required for displaying the modal window

Reset UI Elements

This snippet generates code to reset the value of relevant UI elements. To reset UI elements, they have to be bound to context attributes. The following entities are created while applying the snippet:

  • A reset button to trigger the reset of the UI elements

  • An event handler with the source code to reset the elements

Configurable Dropdown

This snippet generates a configurable dropdown on the Web Dynpro View. The entities created by this snippet are as follows:

  • A dropdown to display the values selectable by the user

  • In case, you enable Manual Text Filtering on the dropdown, the user can type in the dropdown and the values will be filtered according to the typed text.

Procedure

You can access the Web Dynpro UI snippets within the Snippets view in Eclipse by the following the steps below:

  1. Start SAP NetWeaver Developer Studio.

    The Web Dynpro perspective appears.

  2. Choose Start of the navigation path Window  Next navigation step Show View  Next navigation step Snippets End of the navigation path.