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



Advertisements

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 )

w

Connecting to %s