Feedback
  1. Home
  2. applications
  3. grid application
  4. fields
  5. Rating Thumbs

Rating Thumbs

General settings

This field type allows the developer to show datadata as an evaluation with icons “like” and “dislike”.

General settings ratingsmile grid

Data type

Defines the data type of the field in the application. In this case we should select Rating Thumbs.

Label

Defines the title that will be shown in the field when the application is running. The used terms in the interface are essential to the system has good usability, we should use comum name and terms for the final user, instead of the default values of the system.

For example, for the rating thumbs field, the client would have a better understanding of the field function when the label is Product evaluation.

Besides a fixed text, the Label allow to use of lang to define the field title, this way is possible to use the application internationalization.

Subtitle

Define a subtitle that will be shown beside the field. Ex.: Thank you for the feedback!

Below is one example of an application subtitle:

subtitle_feedback

Use in Group by and Sums

Allows the field to be used instead of the value when the field is selected in the (static or dynamic) group by or in the totalization of the summary. To do this, just add the fields in the dynamic or static group by column to be able to visualize the grouping performed in the query.

Example image with quabra ratingsmile field

Example of the Rating Thumbs field in the summary.

Example image with ratingsmile summary field

In the summary, when hovering the mouse over the field, a small window detailing the evaluations that were carried out both in each record and in total will be displayed, as shown in the image below.

Example image with ratingsmile summary detail field

Display absolute value

Allows the exact number of evaluations that each thumb received to be displayed in the detailing window, next to the percentage, when summing up the summary.

With this flag turned off, the grouping will only display the voting percentage, leaving out the exact number of ratings.

Star hint image

As there are only two possible options to choose from, only records are counted to define the percentage of times each thumb was selected.

For the scenario in which both thumbs have the same number of ratings, with a percentage of 50% x 50%, the thumb that will be more lit at the top of the detailing window will always be the “Like”.

Values and hints

Allows to the developer to define the values to each icon taht will be saved at the data base and allow to define a hint (It is shown passing the mouse above the icon)

hint_value

Display format

Allows the developer to define the format that the emojis will be shown.

In case the first option is defined, the emojis will be shown like this:

emoji_claro

In case the second option is defined, the emojis will be shown like this:

emoji_escuro

Icon size

Allows defining the icon size in pixels.

Rating padding

Allows for defining the padding value between the emojis.

Icon colors

Allows the icon colors to be defined in each emoji.

SQL type

Informs the field type at the data base.

Display Settings

The Display Settings allows to define the CSS values individually for each field. For each Display schema of scriptcase, there are the same attributes available in Interface.

Display Settings configuration Interface.

Display Settings configuration Interface.

  • Display Settings
    • Text Font : Allows choosing the font type, which will be applied in the application field.
    • Font Size : Allows choosing the font size, which will be applied to the application object.
    • Italic Text : Allows to apply the italic type in the font.
    • Bold Text : Allows you to apply bold type to the font.
    • Number of characters : Number of characters to display.
    • Text Alignment : Allows you to position the field in the desired location (left, right, center and justified).
    • Vertical Alignment : Allows you to position the field in the desired location (top, middle or bottom).
    • Background Image : Allows you to add a background image to the field.
    • Line Break : Enables the possibility of a line break for the field.
    • Content color : Changes the content color of the query field and the grouped field, when available.
    • Background color : Allows choosing the color, using a color palette to be applied as the background of the application field.
    • Width : To define the width of the field.
    • Height : To set the height of the field.
    • Title Horizontal Alignment : Allows you to define the horizontal alignment for the field title (left, right or centered).
    • Title Vertical Alignment : Allows you to define the vertical alignment for the field title (top, middle or bottom).
    • Title color : Allows you to choose a color for the field title using a color palette.
    • Title background color : Allows choosing a color for the background of the field title using a color palette.
    • Bold : Displays the field title in bold