Instance Styling in Floorplan Manager

It is possible to adjust the look and feel of FPM applications with the UI Theme Designer.

Syntax for UI Element Style Attributes-The style is entered as a string containing a set of attribute name-value pairs. Name and value are separated by a colon (:), and the name-value pairs are separated by a semi-colon (;), as shown in the following example:      fontColor:red;fontSize:20px


The below post shows how to apply Styling like color, font size to each form UIBB UI elements. Create a feeder class.

1234

Create an OVP application and add a form uibb configuration and provide above feeder class.

5

Choose some fields and add them to the form UIBB. Here some are input fields and some are text fields.

6

Test the application. here the form ui elements appear without any style attribute.

7

Go to the form uibb configuration and select a field: CARRID. Here we can see the Label Style and Style.

15.png

In the Label Style: fontColor:red; [ HTML code  not CSS] . Save the settings and test the appl.

16.png

So the label color appears as maintained. Perfect :).

10

Similarly maintain the Style for the input field. Save & test the appl.

17.png

Perfect both appears in colors!

12

Similarly font color and size can be maintained.

18.png

test the appl. Font color and size appears as maintained.

14



3 comments

  1. Hi Siva ,

    This is giving a style to the field statically. My requirement is to do this dynamically . Can you achieve the same using code ?

    Also please tell me how to use the attribute semantic_color_ref in the get_definition method to set the colors if possible . But i will appreciate your help to set the style to a input help field dynamically .

    Thanks , Ravi .

    Like

    1. IF_FPM_GUIBB_FORM~GET_DEFINITION

          et_field_description = VALUE #( ( name = ‘COMP1’ semantic_color_ref = ‘COLOR_TEST’ )    ).

      IF_FPM_GUIBB_FORM~GET_DATA

      CS_DATA-COLOR_TEST = ’64’. “RED

      Like

Leave a Reply