Fields of the Style Extension | WordPress's form builder plugin: AForms

Common

These are settings that are shared in various places.

#	Field name	Description
1	Basic FG color	This is the basic foreground color. Text and frames are usually in this color.
2	Basic BG color	This is the basic background color.
3	ALT BG color	This is the secondary background color. It is used to create a visual difference from the basic BG color.
4	Focus color	Input components that are in focus will be decorated with this color. This color will also be used for mouse hover decoration.
5	Accent color	It is used to emphasize text etc.
6	Button color	This is the ground color of a regular button.
7	Primary button color	The background color of the primary button. The color of the text inside the button will be inverted, and so will the basic background color.
8	Error color	This is the foreground color to represent errors. In addition to error messages being this color, this color is used in the frame of input components with errors.
9	Spacing	This is the size of the margin of the entire form, and you can choose from three options: Narrow, Regular, and Wide. This is the same setting item as #83.
10	Corner radius	Whether to add rounded corners to various components.
11	Raise buttons	Add shadows to the buttons to make them look like they are floating.
12	Bend buttons	Apply a gradient to the ground color of the button to make it look like it’s curved.

Flow

These are setting items for the flow style navigation.

#	Field name	Description
13	Breakpoint width	The image of Option can be resized for PC and mobile-device viewing. The breakpoint width is a boundary value that means that If the window width is less than or equal to this value, it will be treated as a mobile-device. If the width of the window is less than or equal to the number written here, it will be treated as a mobile-device. This is the same setting item as #31.
14	Arrange options in a single line	Options of Selector will always be lined up on a single line with a horizontal scroll bar if they do not fit on the screen. If you choose not to line them up on a single line, they will be lined up across multiple lines.
15	Truncate space when no image	If the image is not specified in the Selector’s Option, it will be truncated without reserving an area for the image. This is the same setting item as #32.
16	Image width (PC)	This is the width of the image of Option when displayed on a PC.
17	Image height (PC)	This is the height of the image of Option when displayed on a PC. This is the same setting item as #34.
18	Image width (MB)	This is the width of the image of Option when displayed on a mobile devices.
19	Image height (MB)	This is the height of the image of Option when displayed on a mobile devices. This is the same setting item as #36.
20	Alignment of name	This is where the name of Option should be aligned, left, center or right.
21	Alignment of note	This is where the note of Option should be aligned, left, center or right.
22	Alignment of prices	This is where the prices of Option should be aligned, left, center or right.
23	Prices block	This is how the price blocks of Option are displayed.
24	Ribbon1 BG color	This is the same setting item as #41.
25	Ribbon1 FG color	This is the same setting item as #42.
26	Ribbon2 BG color	This is the same setting item as #43.
27	Ribbon2 FG color	This is the same setting item as #44.

Wizard base

This is the setting items for the display in the wizard style, before the dialog appears.

#	Field name	Description
28	Ground height	The height of the space where the “Start Order” button is placed. This button needs to stand out, so we have reserved a fairly large area for it.

Wizard

This is the settings items for the dialog in the wizard style.

#	Field name	Description
29	Dialog width	This is the maximum width. If displayed on a mobile device, it may be narrower than the width specified here.
30	Dialog altitude	To be precise, it is the plain white background outside the dialog. CSS z-index.
31	Breakpoint width	The image of Option can be resized for PC and mobile-device viewing. The breakpoint width is a boundary value that means that If the window width is less than or equal to this value, it will be treated as a mobile-device. If the width of the window is less than or equal to the number written here, it will be treated as a mobile-device. This is the same setting item as #13.
32	Truncate space where no image	If the image is not specified in the Selector’s Option, it will be truncated without reserving an area for the image. This is the same setting item as #15.
33	Image width (PC)	This is the width of the image of Option when displayed on a PC.
34	Image height (PC)	This is the height of the image of Option when displayed on a PC. This is the same setting item as #17.
35	Image width (MB)	This is the width of the image of Option when displayed on a mobile device.
36	Image height (MB)	This is the height of the image of Option when displayed on a mobile device. This is the same setting item as #34.
37	Alignment of name	This is where the name of Option should be aligned, left, center or right.
38	Alignment of note	This is where the note of Option should be aligned, left, center or right.
39	Alignment of prices	This is where the prices of Option should be aligned, left, center or right.
40	Prices block	This is how the price blocks of Option are displayed.
41	Ribbon1 BG color	This is the same setting item as #24.
42	Ribbon1 FG color	This is the same setting item as #25.
43	Ribbon2 BG color	This is the same setting item as #26.
44	Ribbon2 FG color	This is the same setting item as #27.

Quotation

#	Field name	Description
45	Breakpoint width	The layout of the quotation table will change between PC and mobile device views. If the width of the window is less than or equal to the number written here, it will be treated as a mobile device.
46	Display title	Displays the title above the quote table.
47	Display No. column	Displays a number column in the quote table.
48	Display category column
49	Display regular price column
50	Display unit price column
51	Display quantity column
52	Display tax class column
53	Display price column
54	Quantity column placement	You can choose where to display the quantity column.
55	Tax class column placement	You can choose where to display the tax class column.
56	Display regular price in subtotal	Displays the total result of the regular price in the subtotal line.

Sidebar

This is the setting for displaying the quote table in the sidebar.

#	Field name	Description
57	Sidebar selector	If you want to display the quotation table in the sidebar, enter the CSS selector for the sidebar element here.
58	Top offset	The quote table will stick to the top of the window as the page scrolls. However, if your site has a fixed header, it may not be appropriate to attach it to the top of the window. By changing the number here, you can make the quote table stick a little further away from the top of the window.
59	Altitude	CSS z-index
60	Breakpoint width	The sidebar display of the quotation table can only be used in a wide window, such as the desktop. If the window width is less than or equal to this value, it will not be displayed in the sidebar. You may want to adjust the number here to your site’s breakpoint.
61	Add shadow
62	Display title	Displays the title above the quote table.
63	Display detail rows	If unchecked, the detail line will not be displayed.
64	Display No. column
65	Display category column
66	Display regular price column
67	Display unit price column
68	Display quantity column
69	Display tax class column
70	Display price column
71	Quantity column placement	You can choose where to display the quantity column.
72	Tax class column placement	You can choose where to display the tax class column.
73	Display subtotals	If unchecked, the subtotal and tax amount will not be displayed in the total.
74	Display regular price in subtotal	Displays the total result of the regular price in the subtotal line.

Attributes

Customers attributes.

#	Field name	Description
75	Breakpoint width	The layout will change between PC and mobile device views. If the width of the window is less than or equal to the number written here, it will be treated as a mobile device.
76	Display like a table	Displays each item as a table. It will be decorated with ruled lines and background color.
77	Plain apperance	Remove AForms-specific decorations from input components. It will have a standard, traditional look.
78	Animate on selection
79	Animate on focus
80	Display “optional” mark
81	Display marks before name
82	Fill in marks
83	Spacing	This is the size of the margin of the entire form, and you can choose from three options: Narrow, Regular, and Wide. This is the same setting item as #9.

0 0