If your rulebase is at \HealthyEating, the velocity template for the question screen is located at \HealthyEating\Release\web-determinations\WEB-INF\classes\templates\question_screen.vm.
Calendarcontrol js zip file#
zip file found at examples\rulebases\source\HealthyEating.zip to a place on your machine where it can be unzipped and ready for use. The steps for building this custom control are: The control and template work together to render the control and interpret the user input.Īn abstract convenience class which defers to the rule engine layer’s version of the control wherever it can, for all controls.Īn abstract convenience class for input controls, which adds methods to defer to the rule engine layer for input (attribute) controls. It is tightly coupled with the same-named CalendarDateControl.vm. Our class will look for date controls with custom property UseCalendarDateControl that is set to True and the input type that is set to Single Edit (Default) and replace them by a custom control. It can determine which rulebases or data sessions it wants to attach to our example plugin will attach to anything. The class that Web Determinations will look for and load on startup. The custom control plugin is built using the following classes: It includes two re-usable abstract classes, InterviewControlWrapper and InputInterviewControlWrapper, which delegate as much as possible to the source control in the rule engine runtime layer, allowing the custom formatter to concentrate on special cases. The example custom control provider replaces any date input control where the custom property UseCalendarDateControl is set to True and the input type is set to Single Edit (Default). This example shows a calendar that is written in javascript to assist the user in selecting a date for an attribute input of a type that is a date in the question screen.
This example demonstrates a custom control plugin for Web Determinations for more general information on constructing and debugging custom control plugins, see Create a Custom Control. Custom Control – Calendar Date Control Walkthrough Example Custom Control – CalendarDateControl Walkthrough Example Max-width: 400px /*change as per your design need */īorder-radius: var(-calendar-border-radius)
calendar-nextprev-bg-color: transparent įont-family: "IBM Plex Sans", sans-serif calendar-today-innerborder-color: transparent calendar-today-color: linear-gradient(to bottom, #03a9f4, #2196f3) Even when viewing the project output, you will only see a blank page without any styling, thus we have inserted some placeholder text to make it clearer to you that we have added structure to our webpage. The styling for our calendar will be added utilizing the div block level tag that we have now introduced. First of all, we have added the external file link to our head section in order to add styling to our project.
Calendarcontrol js code#
We have used minimum HTML code to add the basic structure to our calendar. We will provide our project structure by utilizing this markup language.
Its main job is to give our project structure. HTML stands for HyperText Markup Language. Let’s now begin to structure our calendar.
0 kommentar(er)
