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



2 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

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s