Widget plugin: Rating

Plugin download (requires login)

Content [ Hide ]
 The icon for widgets of type Rating.

Overview

The rating plugin adds a list of icons where the user can choose a rating by clicking on one of the icons.

This plugin adds a new form widget that is available in the Xima® Formcycle Designer. It lets the user choose a rating by clicking on the appropriate number of icons. You can change the number of icons as well as the icon type and color in the properties panel to the right of the Xima® Formcycle Designer. When the user selects a rating, that rating is transmitted to the server as the value of the rating form field. You can also configure that value in the Xima® Formcycle Designer.

Installing

Install the plugin as a client or system plugin. You can find a tutorial on how to install plugins here: here.

Settings

This widget offers the following settings in the properties panel to the right of the Xima® Formcycle Designer:

Base properties

Basic settings for Base properties

This form elements does not possess any additional settings for the section Base properties.

Label

Basic settings for Label

This form elements does not possess any additional settings for the section Label.

Options

Sample configuration for a rating plugin.

Rating element have ad additional options section. Here you can select the number of icons and enter the value that is submitted when the user chooses a rating.

You can either enter this data manually, or select a CSV data source that contains the available ratings and the corresponding value.

Constraints

Basic settings for Constraints

This form elements does not possess any additional settings for the section Constraints.

Help

Basic settings for Help

This form elements does not possess any additional settings for the section Help.

CSS classes

Basic settings for CSS classes

This form elements does not possess any additional settings for the section CSS classes.

Attributes

Basic settings for Attributes

This form elements does not possess any additional settings for the section Attributes.

Available only if

Basic settings for Available only if

This form elements does not possess any additional settings for the section Available only if.

Other

Basic settings for Other

This form elements does not possess any additional settings for the section Other.

Word and PDF export

Layout of a rating widget when the form is exported as a Word or PDF document

When the form is exported as a Word or PDF document, rating element are displayed like normal select elements with the configured options.

CSS layout

You can adjust the layout of the icons and the colors via custom CSS. 

For example, if you would like to change the third icon of the rating element with the name rate1:

[xn=rate1] .idx3 i::before{
 content: "\e906";
}

To change the color of the sixth icon for the rating element with the name rate2 (only when it is active or the user hovers over the icon):

[xn=rate2] .idx6.hover i,
[xn=rate2] .idx6.active i {
 color: #55C937;
}
Tags:
Created by gru on 12.10.2020, 09:48
Translated into en by awa on 08.12.2020, 16:20
Copyright 2000-2025