Quickview

_____________________________________________________________________________________________________________

Quickview Thing

___________________________________________________________________________________________________
1 / 12

Quickview
_____________________________________________________________________________________________________________

Table of Contents
1. ....... Prerequisites ........................................................................................................ 3
2. ....... Overview .............................................................................................................. 3
a. .......... Define..................................................................................................................................... 3
b. .......... Types ..................................................................................................................................... 3
c. .......... Structure ................................................................................................................................ 4

3. ....... Steps to Create Feeder Class ............................................................................. 4

4. ....... Steps to Create Quickview Thing ....................................................................... 6
5. ....... Steps to Configure Quickview .......................................................................... 10
6. ....... Testing Quickview ............................................................................................. 12

___________________________________________________________________________________________________
2 / 12

Quickview
_____________________________________________________________________________________________________________

1. Prerequisites
Quickview is available in Netweaver 7.4.
Should have the required field in List GUIBB for which Quickview has been
created.

2. Overview
a. Define
A quickview is a read-only UI element which allows the user, at runtime, to view
additional information (not displayed on the current screen) about an object without having to
navigate to other screens to obtain the information. Like a tooltip, a quickview appears (and
disappears) on the UI during a mouse-over action by the user.
A quickview can be assigned to a particular element of a generic UI building block
(GUIBB) component inside an FPM application. As the user hovers the mouse over the rows in
this column, the same quickview is displayed for each row, but the data inside the quickview
changes. The information displayed in a quickview at runtime is determined both by the feeder
class assigned to the configuration of the Web Dynpro components mentioned above, and by the
settings inside the FPM configuration editor, FLUID.
Quickviews can be exchanged with other quickviews dynamically. Therefore, quickviews
that were not assigned to a particular GUIBB at configuration may still appear on that GUIBB at
runtime.

b. Types
Thing Quickview
Dataset Quickview
Image Quickview

___________________________________________________________________________________________________
3 / 12

Quickview
_____________________________________________________________________________________________________________

c. Structure

Quickview
Title

Instance Title

Attributes

Quickview Title

Static

Remains the same for each instance of the thing. It represents the type of thing
and is independent of the instance title.

Instance Title

Dynamic

Supplied by the feeder class assigned to the quickview configuration, and

changes for each instance of the thing.

Attributes

The list of attributes available is determined by the field catalog of the relevant
feeder class.

3. Steps to Create Feeder Class

I.

Go to SE24 > Enter Class Name and click on Create button.

___________________________________________________________________________________________________
4 / 12

Quickview
_____________________________________________________________________________________________________________

II.

Enter the description and save the class.

III.

Provide super class CL_FPM_SADL_QV_THING_BASE which has implementation

for retrieving information from quickview and Business object.

SADL Service Adaptation Definition Language.

___________________________________________________________________________________________________
5 / 12

Quickview
_____________________________________________________________________________________________________________

IV.

Redefine the method IF_FPM_GUIBB_QV_THING~GET_DATA to fill the attributes

information.

V.

Activate the class.

4. Steps to Create Quickview Thing

1. Go to SE80 > Open FPM_QUICKVIEW_THING of Web Dynpro Comp. / Intrf .
2. Right click on Component Configurator and select Create button.

3. a. Fill the configurator id.

b. Click New button.
c. Fill the Description & Click OK button.

___________________________________________________________________________________________________
6 / 12

Quickview
_____________________________________________________________________________________________________________

4. Provide the package information.

5. Fill the Feeder Class ZCL_QV_THING_FEEDER and click Edit Parameters.

___________________________________________________________________________________________________
7 / 12

Quickview
_____________________________________________________________________________________________________________

6. Fill the Feeder class parameters

Entity Source : BOPF Business Object

Business Entity : BO name along with node
Join Structure : Association details

___________________________________________________________________________________________________
8 / 12

Quickview
_____________________________________________________________________________________________________________

7. Add the attributes in Thing Quickview Schema

8. Provide the Instance settings like Title, Role information.

9. Save the configurator.

___________________________________________________________________________________________________
9 / 12

Quickview
_____________________________________________________________________________________________________________

5. Steps to Configure Quickview

A. Open the list configurator to which quick view needs to configure.
B. Add the Quickview element in Quickview Schema

C.

Fill the configuration id of quickview in attributes.

___________________________________________________________________________________________________
10 / 12

Quickview
_____________________________________________________________________________________________________________

D. Fill the Display-type Dependent Properties in attributes of the element.

Quickview Id is drop down list which contains values from Quickview Schema.

E. Save the configurator.

___________________________________________________________________________________________________
11 / 12

Quickview
_____________________________________________________________________________________________________________

6. Testing Quickview
Move the mouse over the Element to which quickview is configured.

Quickview

___________________________________________________________________________________________________
12 / 12