Quantcast
Channel: SCN : Document List - ABAP Development
Viewing all articles
Browse latest Browse all 935

Image in Selection Screen

$
0
0

Image in Selection Screen

____________________________________________________________________________________

Author: Jogeswarao Rao Kavala


 

Purpose:

To decorate the selection screen of a development with meaningful pictures.

 

Idea Background:

Often there is a lot of blank space left out in the selection screens of report programs. And these reports are more often Function specific or End-user category specific.

Hence, a thought to identify the program at the first glance itself with the respective function, gave rise to this idea. If we provide pleasant images related these respective functions in  Selection screens, they will look good and reduce the boredom from the monotonous screens.

Also we can have relevant captions / slogans on these pictures.

 

Here are few such screens.

tyre.jpg


dt.jpg

zpm1.jpg

 

Sounds useful?  and want to have screens like this?

 

Here is how

This is done using the Docking Container either at the right or bottom of the screen.

 

1. Upload the image

Let's suppose the requirement is to have a picture in the Docking Container located at the bottom of the screen.

The approximate pixel size of the image required will be 1280 (W) X 370 (H)   (in case of PC with 1366 X 768 resolution)

(The size is about 650 X 580 in case the Docking Container is on the right)

Have the image on the desktop, (.jpg extn will do).

 

T-code: SMW0

smwo.JPG

 

Execute

smw0_1.JPG

 

Click on Create: Give name of the object (say XYZ) and description

Click on icon Import

Select the image on Desktop and click Open.

smw0_2.JPG

Now the image is available in the system for use.

 

 

2. Coding in your Report Program

 

Data Declaration:

Capture.JPG

 

At selection-screen output or Initialization

Capture1.JPG

 

See the red underlines, in the code above,

The first one namely 'bottom' refers to the position of the Docking Container. (For position on right, this would be dock_at_right)

The second one '215' refers to the Docking Container window extension, with reference to 0 at the bottom.

 

 

Picture Loading

Capture2.JPG

In the code above the arrow shows the picture Id we have just uploaded.

 

Now your selection screen is decorated with a picture.

 

Note:

The picture resolution varies as per the Desktop / PDA resolutions.

So it is advisable to try this on a machine which matches with the resolution of maximum number of machines in your area.

And also have a look at PCs with other resolutions, so that the selection fields are not covered by the Docking container.

The Docking Container is an adjustable window, so this can be pulled down/right to uncover selection fields, if at all this happens.

 

Jogeswara Rao K



Viewing all articles
Browse latest Browse all 935

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>