1. Outline
The calendar is a control that allows registered schedules and other data to be displayed in various calendar formats in hours and days. Mobile-like UI, such as swiping to move through the week, can be easily realized, and the design can be customized with parameter settings.
In the following, we will use the term "2. Development GuidanceYou can download sample programs for frequently used functions in the calendar at3. ParametersThe section "Calendars" contains a reference to the parameters to be set for the calendar.
2. Development Guidance
This article introduces parameter settings that are frequently used to familiarize you with calendar controls. The sample projects used in the explanation can be downloaded from the following links.
2-1. Place the calendar
The calendar control has variations such as month, week, week:day, and day, allowing the same schedule to be represented in multiple formats.
The calendar can be placed by selecting "Calendar" from the control bar on the left side of the screen design function and dragging it on the created screen. Four forms are created here, each with a calendar (monthly), calendar (weekly), calendar (weekly: daily), and calendar (daily). Each calendar has the following features
| Calendar (Month) | Displays a month's calendar in day units. Beside the date You can display the names of holidays and other information. |
|---|---|
| Calendar (Weekly) | Displays a week's calendar in hours. hourly display So you can check the scheduled start time and time required at a glance. |
| Calendar (week:day by day) | Displays a week's calendar in day units. along with one's schedule The start and end times are displayed. |
| Calendar (Day) | Displays a day's calendar in hours. Schedule multiple people. It can be displayed separately. |
2-2. Create tables
In order to display an appointment in the calendar or change the color of an appointment, two tables must be created and linked to the calendar.
This section explains how to define the tables to be created and how to register initial data.
2-2-1. Table for registering appointments
This table is used to store appointments displayed in the calendar. In the sample project, the "01_Appointment Table" is defined as follows for reference.
Each item in the table corresponds to the "Data" "Contents" items displayed in the property area when each calendar is selected.
Note that "color" and "fontcolor" data are ARGB value decimal conversions, and "icon" is a keyword in the data resource file. For resource settings, go to "Properties" in the TOP menu and configure as follows
See "2-3. Linking Calendars and Tables" below for how the data for each item is displayed on the calendar.
2-2-2. Tables for setting color schemes
By preparing a table for setting the color scheme of the calendar, you can set the color of dates, background color of appointments, text color, etc. when certain conditions (day of the week, date, etc.) are met. In the sample project, the following is defined as "02_Color Table" for reference.
Each item in the table corresponds to an item in the "Data" "Color Table" displayed in the property area when each calendar is selected.
Note that the "backcolor", "fontcolor", and "fontcolor_dayside" data are ARGB value decimal conversions.
The "conditions" data in "conditions" can be set for dates and days of the week. The data that can be set are as follows
| Date | MM/DD |
| day of the week | Mon, Tue, Wed, Thu, Fri, Sat, Sun |
If a date is set, that date will be selected. When a day of the week is set, all days of the week are selected. To specify a unique day, such as the third Monday of each month, add a number after the day of the week. You can count from the last day of the week by setting the number in minus notation.
Example: Mon2 = 2nd Monday of each month
Mon-1⇒Last Monday of every month
How the data for each item is displayed on the calendar is explained in "2-3.
2-2-3. Registering data
Logic must be created to store data in the tables defined above. Although we do not explain the logic creation in detail here, please refer to the "Initial Calendar Data Registration Logic" in the sample project, which automatically registers data in two tables when the application is launched.
2-3. Linking calendars and tables
You can configure the linkage to a table from the "Data" section of the Properties area. The schedule table is set from "Data" "Contents" and the color scheme table from "Data" "Color Table".
2-3-1. Calendar (Month)
Scheduled Table
Select "Table" from "Data" "Contents" in the Properties area, and specify the table created in "2-2-1. Table to register schedule" above in the "Table Name" field. Also, set table items corresponding to each property item.
From "Start Date" to "End Date", the value of "Contents" is displayed in the box with the color of "Color" as the background color, along with the "Icon" in the color of "Text Color".
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
Color Scheme Table
Specify the table created in "2-2-2. Table for setting color scheme" above in the "Color Table" field under "Data" "Color Table" in the Properties area. Also, for each property item, set the corresponding table item.
For days between the "start year" and the "end year" that meet the "color table conditions," change the background to the color of the "color table color" and the date to the color of the "color table text. Also, if the "Date Horizontal Alignment" property is "Left" or "Right", the value of "Color Table Contents" can be displayed on the right or left side of the date with the color of the "Color Table Contents Text Color".
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
2-3-2. Calendar (Weekly)
Scheduled Table
Similarly, specify the table from "Data" "Contents".
From "Start Date" to "End Date", the value of "Contents" is displayed in the box with the color of "Color" as the background color, along with the "Icon" in the color of "Text Color". Schedules with "All Day Task" set to "1" will be displayed in the "allday" column at the top of the calendar.
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
Color Scheme Table
Similarly, specify a table from "Data" "Color Table".
For each day between the "start year" and the "end year" that matches the "color table condition," the date is changed to the color of the "color table text.
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
2-3-3. Calendar (week: day by day)
Scheduled Table
Similarly, specify the table from "Data" "Contents".
From "Start Date" to "End Date", the value of "Contents" is displayed in the box with the color of "Color" as the background color, along with the "Icon" in the color of "Text Color". The start and end times are displayed for all schedules except for those with "1" in the "All Day Task" column.
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
Color Scheme Table
Similarly, specify a table from "Data" "Color Table".
For each day between the "start year" and the "end year" that matches the "color table condition," the date is changed to the color of the "color table text.
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
2-3-4. Calendar (Day)
Scheduled Table
Similarly, specify the table from "Data" "Contents".
From "Start Date" to "End Date", the value of "Contents" is displayed in the box with the color of "Color" as the background color, along with "Icon" and "Icon in Cell" in the color of "Text Color". Schedules with "All Day Task" set to "1" will be displayed in the "allday" column at the top of the calendar. Enter the group ID you wish to display in the "Group Input" field, and the information will be displayed in categories according to the "Group ID".
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
Color Scheme Table
Similarly, specify a table from "Data" "Color Table".
For each day between the "start year" and the "end year" that matches the "color table condition," the date is changed to the color of the "color table text.
The relationship between stored data, table items, property items, and screen display in the sample project is as follows
3. Parameters
By changing the parameters, you can easily set the position, size, color, shape, and images to be displayed on the calendar, so take advantage of them to create a well-designed, easy-to-understand screen.
In addition, by setting up actions to be invoked during screen operations, the application can be made to perform various actions when the application user touches or clicks on an appointment in the calendar.
There will be four types of calendars
Calendar (Month)
object
Basic Information
| name | Enter a control name. |
|---|---|
| Size | Specify the width and height of the control. |
| position | Specify the position of the control from the left and from the top. |
| margin | Specify the margins of the control from left, right, top and bottom. |
| type | Displays the type of control. |
| style | By selecting a pre-defined definition, various properties such as colors, borders, etc. can be set in a batch. You can set up. |
operation setup
| executable process | Select this option when there is an execution process. |
|---|---|
| long press (of button, esp. mobile phones) | Select this option when there is a long-press process. |
| pushdown operation | Select this option when there is processing at the moment of pressing. |
| rendering pre-processing | Select this option if there is a drawing preprocessing. |
possibility
| available | Check this box if you want to make the control available. |
|---|---|
| display | Check this box if you want to display the control. |
| previous-next-subsequent-switching-button indication | Check this box if you want to display the previous-next-switch button. |
| simplified drawing | When the check is turned on, the schedule is drawn with a simple expression using only ". |
data
Contents
| form | Select to use the table specified in the form as the destination for display content. I will do so. |
|---|---|
| table | Select this option if you want to use a table as the destination for display content. |
| table name | Select the table to be associated with the calendar. |
| Start Date | Select the Start Date and Time field for the schedule. |
| End date and time | Select the End Date and Time field for the schedule. |
| Contents | Select the Schedule Content field. |
| variety | Select the color field for each schedule. |
| character color | Select the text color field for each schedule. |
| icon | Select the icon field for the schedule. |
| header format | Specifies the format of the calendar header. |
color table
| color table | Select the table to be associated with the calendar background color. |
|---|---|
| Color Table Color | Select the color field in the Calendar Background Color table. |
| color table character | Select the Date Text Color field in the Calendar Background Color table. |
| Color Table Contents | Select the content field of the Calendar Background Color table. |
| Color Table Content Character Color | Select the Content Text Color field in the Calendar Background Color table. |
| Color table start year and month | Select the Start Year and Month field in the Calendar Background Color table. |
| Color table end year and month | Select the ending year and month fields of the Calendar Background Color table. |
| color table condition | Select a condition field in the Calendar Background Color table. |
design
Color and Shape
| font | Specify the font. |
|---|---|
| Size | Specifies the font size. |
| bold-type | Check this box if you want to bold text. |
| image | Check this box if you want to add shadows to the text. |
| Shrink to Fit | When the content does not fit within the control, the font size will be automatically adjusted to fit the content inside. |
| vertical alignment | Select the text position of the display item from [Align Top], [Align Center Top], or [Align Bottom]. Selection. |
| horizontal arrangement | Select the character position of the display item from [Align Left], [Align Center], or [Align Right]. Selection. |
| next-to-the-date alignment | Select the character position of the date display from [Align Left], [Align Center Left], or [Align Right]. Selection. |
| Number of scheduled lines | Specify the maximum number of lines to be displayed in the schedule. |
| normal font | Specifies the foreground color. |
| Normal Fill | Specifies the background color. |
| Normal ruled/box lines | Specifies the color of the ruled and framed lines. |
| selection font | Specifies the foreground color of the selected date and time. |
| choice fill | Specifies the background color of the selected date and time. |
| Selection Ruled/Framed Lines | Specify the color of the ruled and bordered lines for the selected date and time. |
| header font | Specifies the foreground color of the header. |
| Header Fill | Specifies the background color of the header. |
| Header rules/frames | Specifies the color of the header border and the border line. |
| Day of Week Header Font | Specifies the foreground color of the day-of-week header. |
| Day of Week Header Fill | Specifies the background color of the day-of-week header. |
| Day of the Week Header Ruled/Bordered | Specifies the color of the day-of-week header's border and rule. |
| even number line | Specifies the background color of even-numbered rows. |
| button font | Specifies the foreground color of the previous-next-switch button. |
| button filling | Specify the background color of the previous-next-switch button. |
| Button ruled/box lines | Specify the color of the border and the border of the previous-next-switch button. |
| same-day font | Specify the foreground color of the cell for the day. |
| Fill on the day | Specifies the background color of the day's cells. |
| alternate date font | Specify the foreground color of another month and date cell. |
| Separate Date Fill | Specifies the background color of the separate month and day cells. |
| unavailable font | Specifies the foreground color when disabled. |
| unavailable fill | Specifies the background color when disabled. |
| Unavailable ruled lines/frames | Specifies the color of the ruled and bordered lines when disabled. |
| Sunday Date Color | Specifies the Sunday date color. (Effective when the header foreground color is transparent) |
| mondrial coloration (colouration) | Specifies the color of the Monday-applied color. (Effective when the header foreground color is transparent) |
| tinted tinted glasses | Specifies the color of the tassel. (Effective when the header foreground color is transparent) |
| light pink (color, color) | Specify the color with Wednesday. (Effective when the header foreground color is transparent) |
| color of a girl's hair when wearing a Sunday (color) | Specifies the Thursday color. (Effective when the header foreground color is transparent) |
| gold-colored | Specifies the color of the Friday. (Effective when the header foreground color is transparent) |
| Saturday Date Color | Specifies the Saturday date color. (Effective when the header foreground color is transparent) |
| Button type | Specifies the shape of the previous-next-switch button. |
| Day of the week display | Specifies the display of days of the week in the calendar. |
| First day of the week | Specifies the first day of the week in the calendar. |
| How to paint on select days | Specifies how to fill in the selected days of the calendar. |
| boundary line | Specifies whether to draw a border around the outer frame of the control. |
| vertical line | Specifies whether to draw vertical lines dividing cells. |
| horizontal line | Specifies whether to draw horizontal lines dividing cells. |
| ruled line margin | For ruled lines dividing a cell, the left, top, right, and bottom of the cell are ruled Specify the margins. |
| Delimited line width | Specify the width of the line separating the header and detail sections. |
| delimiter margin | Specify the position of the line separating the header and detail sections. The larger the number, the higher it moves up. |
| line thickness | Specifies the thickness of the line. |
| roundness | Specify roundness. |
| thickness | Specify the thickness. |
Change image
Button type (Example)
Calendar (Weekly)
object
Basic Information
| name | Enter a control name. |
|---|---|
| Size | Specify the width and height of the control. |
| position | Specify the position of the control from the left and from the top. |
| margin | Specify the margins of the control from left, right, top and bottom. |
| type | Displays the type of control. |
| style | By selecting a pre-defined definition, various properties such as color, border, etc. can be set in a batch. You can set up. |
operation setup
| executable process | Select this option if there is an execution process. |
|---|---|
| long press (of button, esp. mobile phones) | Select this option when there is a long-press process. |
| pushdown operation | Select this option when there is processing at the moment of pressing. |
| rendering pre-processing | Select this option if there is a drawing preprocessing. |
possibility
| available | Check this box if you want to make the control available. |
|---|---|
| display | Check this box if you want to display the control. |
| Bouncing. | Check if bouncing. |
| previous-next-subsequent-switching-button indication | Check this box if you want to display the previous-next-switch button. |
data
Contents
| form | Select to use the table specified in the form as the destination for display content. I will do so. |
|---|---|
| table | Select this option if you want to use a table as the destination for display content. |
| table name | Select the table to be associated with the calendar. |
| Start Date | Select the Start Date and Time field for the schedule. |
| End date and time | Select the End Date and Time field for the schedule. |
| Contents | Select the Schedule Content field. |
| variety | Select the color field for each schedule. |
| character color | Select the text color field for each schedule. |
| All-day task | Select the End-of-day task field for the schedule. |
| icon | Select the icon field for the schedule. |
| header format | Specifies the format of the calendar header. |
color table
| color table | Select the table to be associated with the calendar background color. |
|---|---|
| color table character | Select the Date Text Color field in the Calendar Background Color table. |
| Color table start year and month | Select the Start Year and Month field in the Calendar Background Color table. |
| Color table end year and month | Select the ending year and month fields of the Calendar Background Color table. |
| color table condition | Select a condition field in the Calendar Background Color table. |
design
Color and Shape
| font | Specify the font. |
|---|---|
| Size | Specifies the font size. |
| bold-type | Check this box if you want to bold text. |
| image | Check this box if you want to add shadows to the text. |
| Shrink to Fit | When the content does not fit within the control, the font size will be automatically adjusted to fit the content inside. |
| vertical alignment | Select the text position of the display item from [Align Top], [Align Center Top], or [Align Bottom]. Selection. |
| horizontal arrangement | Select the character position of the display item from [Align Left], [Align Center], or [Align Right]. Selection. |
| normal font | Specifies the foreground color during normal operation. |
| Normal Fill | Specifies the normal background color. |
| Normal ruled/box lines | Specifies the color of the ruled and bordered lines during normal operation. |
| selection font | Specifies the foreground color of the selected cells. When not specified, it is the same as the foreground color. It will be. |
| choice fill | Specifies the background color of the selected cells. |
| Selection Ruled/Framed Lines | Specifies the color of the ruled and bordered lines of the selected cells. |
| header font | Specifies the foreground color of the header section. |
| Header Fill | Specifies the background color of the header area. |
| Header rules/frames | Specify the color of the border and the border line in the header section. |
| Day of Week Header Font | Specifies the foreground color of the day-of-week header. |
| Day of Week Header Fill | Specifies the background color of the day-of-week header. |
| Day of the Week Header Ruled/Bordered | Specifies the color of the day-of-week header's border and rule. |
| button font | Specifies the foreground color of the previous-next-switch button. |
| button filling | Specify the background color of the previous-next-switch button. |
| Button ruled/box lines | Specify the color of the border and the border of the previous-next-switch button. |
| time font | Specifies the foreground color of the time header. |
| time fill | Specifies the background color of the time header. |
| Time Ruled/Framed Lines | Specifies the color of the time header's border and border. |
| unavailable font | Specifies the foreground color when disabled. |
| unavailable fill | Specifies the background color when disabled. |
| Unavailable ruled lines/frames | Specifies the color of the ruled and bordered lines when disabled. |
| Sunday Date Color | Specifies the Sunday date color. |
| mondrial coloration (colouration) | Specifies the color of the Monday-applied color. |
| Tuesday best (color, color) | Specifies the color of the tassel. |
| light pink (color, color) | Specify the color with Wednesday. |
| color of a girl's hair when wearing a Sunday (color) | Specifies the Thursday color. |
| gold-colored | Specifies the color of the Friday. |
| Saturday Date Color | Specifies the Saturday date color. |
| Button type | Specifies the shape of the previous-next-switch button. |
| Day of the week display | Specifies the display of days of the week in the calendar. |
| First day of the week | Specifies the first day of the week in the calendar. |
| Emphasis start time | Specify the start time for calendar highlighting. |
| Emphasis end time | Specifies the end time for calendar highlighting. |
| time slot (in multiplexing) | Specify the time range. |
| Drawing start time position | Specifies the time to start drawing the calendar. |
| How to paint on select days | Specifies how to fill in the selected days of the calendar. |
| boundary line | Specifies whether to draw a border around the outer frame of the control. |
| vertical line | Specifies whether to draw vertical lines dividing cells. |
| horizontal line | Specifies whether to draw horizontal lines dividing cells. |
| Delimited line width | Specify the width of the line separating the header and detail sections. |
| delimiter margin | Specify the position of the line separating the header and detail sections. The larger the number, the higher it moves up. |
| line thickness | Specifies the thickness of the line. |
| roundness | Specify roundness. |
| thickness | Specify the thickness. |
Change image
Button type (Example)
Calendar (week:day by day)
object
Basic Information
| name | Enter a control name. |
|---|---|
| Size | Specify the width and height of the control. |
| position | Specify the position of the control from the left and from the top. |
| margin | Specify the margins of the control from left, right, top and bottom. |
| type | Displays the type of control. |
| style | By selecting a pre-defined definition, various properties such as colors and borders can be set at once. You can set up. |
operation setup
| executable process | Select this option when there is an execution process. |
|---|---|
| long press (of button, esp. mobile phones) | Select this option when there is a long-press process. |
| pushdown operation | Select this option when there is processing at the moment of pressing. |
| rendering pre-processing | Select this option if there is a drawing preprocessing. |
possibility
| available | Check this box if you want to make the control available. |
|---|---|
| display | Check this box if you want to display the control. |
| previous-next-subsequent-switching-button indication | Check this box if you want to display the previous-next-switch button. |
data
Contents
| form | Select to use the table specified in the form as the destination for display content. I will do so. |
|---|---|
| table | Select this option if you want to use a table as the destination for display content. |
| table name | Select the table to be associated with the calendar. |
| Start Date | Select the Start Date and Time field for the schedule. |
| End date and time | Select the End Date and Time field for the schedule. |
| Contents | Select the Schedule Content field. |
| variety | Select the color field for each schedule. |
| character color | Select the text color field for each schedule. |
| All-day task | Select the End-of-day task field for the schedule. |
| icon | Select the icon field for the schedule. |
| header format | Specifies the format of the calendar header. |
Display color
| color table | Select the table to be associated with the calendar background color. |
|---|---|
| color table character | Select the Date Text Color field in the Calendar Background Color table. |
| Color table start year and month | Select the Start Year and Month field in the Calendar Background Color table. |
| Color table end year and month | Select the ending year and month fields of the Calendar Background Color table. |
| color table condition | Select a condition field in the Calendar Background Color table. |
design
Color and Shape
| font | Specify the font. |
|---|---|
| Size | Specifies the font size. |
| bold-type | Check this box if you want to bold text. |
| image | Check this box if you want to add shadows to the text. |
| Shrink to Fit | When the content does not fit within the control, the font size will be automatically adjusted to fit the content inside. |
| vertical alignment | Select the text position of the display item from [Align Top], [Align Center Top], or [Align Bottom]. Selection. |
| horizontal arrangement | Select the character position of the display item from [Align Left], [Align Left], [Align Center], or [Align Right]. Selection. |
| normal font | Specifies the foreground color during normal operation. |
| Normal Fill | Specifies the normal background color. |
| Normal ruled/box lines | Specifies the color of the ruled and bordered lines during normal operation. |
| selection font | Specifies the foreground color of the selected cells. When not specified, it is the same as the foreground color. It will be. |
| choice fill | Specifies the background color of the selected cells. |
| Selection Ruled/Framed Lines | Specifies the color of the ruled and bordered lines of the selected cells. |
| header font | Specifies the foreground color of the header section. |
| Header Fill | Specifies the background color of the header area. |
| Header rules/frames | Specify the color of the border and the border line in the header area. |
| Day of Week Header Font | Specifies the foreground color of the day-of-week header. |
| Day of Week Header Fill | Specifies the background color of the day-of-week header. |
| Day of the Week Header Ruled/Bordered | Specifies the color of the day-of-week header's border and rule. |
| button font | Specifies the foreground color of the previous-next-switch button. |
| button filling | Specify the background color of the previous-next-switch button. |
| Button ruled/boxed lines | Specify the color of the border and the border of the previous-next-switch button. |
| unavailable font | Specifies the foreground color when disabled. |
| unavailable fill | Specifies the background color when disabled. |
| Unavailable ruled lines/frames | Specifies the color of the ruled and bordered lines when disabled. |
| Sunday Date Color | Specifies the Sunday date color. |
| mondrial coloration (colouration) | Specifies the color of the Monday-applied color. |
| tinted tinted glasses | Specifies the color of the tassel. |
| light pink (color, color) | Specify the color with Wednesday. |
| color of a girl's hair when wearing a Sunday (color) | Specifies the Thursday color. |
| gold-colored | Specifies the color of the Friday. |
| Saturday Date Color | Specifies the Saturday date color. |
| Button type | Specifies the shape of the previous-next-switch button. |
| Day of the week display | Specifies the display of days of the week in the calendar. |
| First day of the week | Specifies the first day of the week in the calendar. |
| How to paint on select days | Specifies how to fill in the selected days of the calendar. |
| boundary line | Specifies whether to draw a border around the outer frame of the control. |
| vertical line | Specifies whether to draw vertical lines dividing cells. |
| horizontal line | Specifies whether to draw horizontal lines dividing cells. |
| Delimited line width | Specify the width of the line separating the header and detail sections. |
| delimiter margin | Specify the position of the line separating the header and detail sections. The larger the number, the higher it moves up. |
| line thickness | Specifies the thickness of the line. |
| roundness | Specify roundness. |
| thickness | Specify the thickness. |
Change image
Button type (Example)
Calendar (Day)
object
Basic Information
| name | Enter a control name. |
|---|---|
| Size | Specify the width and height of the control. |
| position | Specify the position of the control from the left and from the top. |
| margin | Specify the margins of the control from left, right, top and bottom. |
| type | Displays the type of control. |
| style | By selecting a pre-defined definition, various properties such as colors and borders can be set at once. You can set up. |
operation setup
| executable process | Select this option if there is an execution process. |
|---|---|
| long press (of button, esp. mobile phones) | Select this option when there is a long-press process. |
| pushdown processing | Select this option when there is processing at the moment of pressing. |
| rendering pre-processing | Select this option if there is a drawing preprocessing. |
possibility
| available | Check this box if you want to make the control available. |
|---|---|
| display | Check this box if you want to display the control. |
| Bouncing. | Check if bouncing. |
| previous-next-subsequent-switching-button indication | Check this box if you want to display the previous-next-switch button. |
data
Contents
| form | When using the table specified in the form as the destination for display content Selection. |
|---|---|
| table | Select this option if you want to use a table as the destination for display content. |
| table name | Select the table to be associated with the calendar. |
| Start Date | Select the Start Date and Time field for the schedule. |
| End date and time | Select the End Date and Time field for the schedule. |
| Contents | Select the Schedule Content field. |
| variety | Select the color field for each schedule. |
| character color | Select the text color field for each schedule. |
| All-day task | Select the End-of-day task field for the schedule. |
| icon | Select the icon field for the schedule. |
| in-cell icon | Select the icon field in the schedule cell. |
| GID | Select the Group field for the schedule. |
| header format | Specifies the format of the calendar header. |
| group input |
Enter the values of the group list in CSV format with up to two columns.
|
color table
| color table | Select the table to be associated with the calendar background color. |
|---|---|
| color table character | Select the Date Text Color field in the Calendar Background Color table. |
| Color table start date | Select the Start Year and Month field in the Calendar Background Color table. |
| Color table end year and month | Select the ending year and month fields of the Calendar Background Color table. |
| color table condition | Select a condition field in the Calendar Background Color table. |
design
Color and Shape
| font | Specify the font. |
|---|---|
| Size | Specifies the font size. |
| bold-type | Check this box if you want to bold text. |
| image | Check this box if you want to add shadows to the text. |
| Shrink to Fit | When the content does not fit within the control, the font size will be automatically adjusted to fit the content inside. |
| vertical alignment | Select the text position of the display item from [Align Top], [Align Center Top], or [Align Bottom]. Selection. |
| horizontal arrangement | Select the character position of the display item from [Align Left], [Align Left], [Align Center], or [Align Right]. Selection. |
| normal font | Specifies the foreground color. |
| Normal Fill | Specifies the background color. |
| Normal ruled/box lines | Specifies the color of the ruled and framed lines. |
| selection font | Specifies the foreground color of the selected date and time. |
| choice fill | Specifies the background color of the selected date and time. |
| Selection Ruled/Framed Lines | Specify the color of the ruled and bordered lines for the selected date and time. |
| header font | Specifies the foreground color of the header. |
| Header Fill | Specifies the background color of the header. |
| Header rules/frames | Specifies the color of the header border and the border line. |
| button font | Specifies the foreground color of the previous-next-switch button. |
| button filling | Specify the background color of the previous-next-switch button. |
| Button ruled/box lines | Specify the color of the border and the border of the previous-next-switch button. |
| group font | Specifies the foreground color of the calendar group list. |
| group filling | Specifies the background color of the calendar group list. |
| Group rules/box lines | Specifies the color of the ruled and bordered lines in the calendar group list. |
| time font | Specifies the foreground color of the time header. |
| time fill | Specifies the background color of the time header. |
| Time Ruled/Framed Lines | Specifies the color of the time header's border and border. |
| unavailable font | Specifies the foreground color when disabled. |
| unavailable fill | Specifies the background color when disabled. |
| Unavailable ruled lines/frames | Specifies the color of the ruled and bordered lines when disabled. |
| Sunday Date Color | Specifies the Sunday date color. (Effective when the header foreground color is transparent) |
| mondrial coloration (colouration) | Specifies the color of the Monday-applied color. (Effective when the header foreground color is transparent) |
| tinted tinted glasses | Specifies the color of the tassel. (Effective when the header foreground color is transparent) |
| light pink (color, color) | Specify the color with Wednesday. (Effective when the header foreground color is transparent) |
| color of a girl's hair when wearing a Sunday (color) | Specifies the Thursday color. (Effective when the header foreground color is transparent) |
| gold-colored | Specifies the color of the Friday. (Effective when the header foreground color is transparent) |
| Saturday Date Color | Specifies the Saturday date color. (Effective when the header foreground color is transparent) |
| Button type | Specifies the shape of the previous-next-switch button. |
| Day of the week display | Specifies the display of days of the week in the calendar. |
| Emphasis start time | Specify the start time for calendar highlighting. |
| Emphasis end time | Specifies the end time for calendar highlighting. |
| time slot (in multiplexing) | Specify the time range. |
| Drawing start time position | Specify the time to start drawing the calendar. |
| boundary line | Specifies whether to draw a border around the outer frame of the control. |
| vertical line | Specifies whether to draw vertical lines dividing cells. |
| horizontal line | Specifies whether to draw horizontal lines dividing cells. |
| Delimited line width | Specify the width of the line separating the header and detail sections. |
| delimiter margin | Specify the position of the line separating the header and detail sections. The larger the number, the higher it moves up. |
| line thickness | Specifies the thickness of the line. |
| roundness | Specify roundness. |
| thickness | Specify the thickness. |
Change image
Button type (Example)