Carousel GUIBB

This blog describes the Carousel GUIBB which is available within NW 7.40, SAP_UI SP 8.

UI5 provides a control where several visible sections can be specified. The navigation is done though the arrow buttons. The carousel can be displayed either vertical or horizontal.

carousel.JPG

Picture 1: Carousel UIBB

In the Carousel several pictures can be added and when clicking on the picture an FPM Event is raised so an additional UIBB can show the details to the selected picture.

Test Application

Application:                       FPMGB_TEST_OVP_CAROUSEL_UIBB

Application configuration: FPMGB_TEST_OVP_CAROUSEL_UIBB

Feederclass Carousel:     CL_FPMGB_CAROUSEL_EPM_FEEDER

Feederclass Detail UIBB: CL_FPM_CAROUSEL_UIBB_FORM

Technical concept

Interface IF_FPM_GUIBB_CAROUSEL

If the application wants to have a carousel UIBB it has to implement the interface IF_FPM_GUIBB_CAROUSEL in a class.

The method GET_DATA needs to fill the table CT_CONTENT with the ID, the IMAGE which should be shown and the tooltip for the picture.

All other methods can have an empty implementation.

Integration into FPM event loop

When selecting a picture the event “FPM_CAROUSEL_SELECT” with the constant IF_FPM_GUIBB_CONSTANTS=>GC_GUIBB_CAROUSEL_ACTIONS-SELECT_IMAGE is raised.

The index and the id of the selected picture are added to this event. The constants are

GC_GUIBB_CAROUSEL_ACTION_PARAM-INDEX VALUE ‘FPM_CAROUSEL_SELECTION_INDEX’ and

GC_GUIBB_CAROUSEL_ACTION_PARAM-ID        VALUE ‘FPM_CAROUSEL_SELECTION_ID’.

The corresponding UIBB can react on this event e.g. in method GET_DATA and show in the example case the details for the device.

Configuration Carousel GUIBB

The configuration of the carousel is really simple. It has some general settings which need to be set.

  1. Carousel orientation: if the pictures should be in horizontal or vertical order
  2. The size of the pictures: Height and widths
  3. Additional settings for a no data text it the standard one does not fit into the application
To report this post you need to login first.

4 Comments

You must be Logged on to comment or reply to a post.

  1. Angshuman Chakraborty

    Hi,

    Thanks for this post. But I am having hard time to use this UIBB. My system is NE 7.4. I created the feeder class with interfac IF_FPM_GUIBB_CAROUSEL. But when I rin it in browser, it is not visible. Even I run standard application FPMGB_TEST_OVP_CAROUSEL_UIBB, and even that is not showing the images on by browser(IE11).

    Any idea?

    (0) 
    1. Heike Leopold Post author

      Hi,

      can you please tell me which SAP_UI support package you have in your system. we had some issues with the carousel.

      Regards

      Heike Leopold

      (0) 
        1. Heike Leopold Post author

          Hi Angshuman,

          please bring your system to the newest UR.

          If you have no idea how to make it please raise a customer message and we will sent it to the colleagues. They will give you an instruction on that.

          regards

          Heike Leopold

          (0) 

Leave a Reply