Style editor: Difference between revisions

Jump to navigation Jump to search

Style editor (view source)

Revision as of 10:03, 25 June 2021

635 bytes added ,  25 June 2021
→‎Forms: reorder to match UI, add new parameters
(→‎Forms: reorder to match UI, add new parameters)
Line 64: Line 64:
When editing forms in Woodford, click '''Edit Styles''' on the toolbar to configure styles for form cells. On project scope, the styles are shared; i.e., all entity forms in a particular project share the same list of styles. It does not matter from which form you open the style editor. Click '''Dependencies''' to see all components where a style is used.
When editing forms in Woodford, click '''Edit Styles''' on the toolbar to configure styles for form cells. On project scope, the styles are shared; i.e., all entity forms in a particular project share the same list of styles. It does not matter from which form you open the style editor. Click '''Dependencies''' to see all components where a style is used.


The following style properties can be set for a form cell:
The following style properties can be set for a form cell (a form cell contains the label and editor, i.e., the part where you enter text):
* '''BackgroundColor''' – Sets the color of the field’s background color.
* '''ButtonColor''' – Color of the field button (for URL, Phone, Barcode… formatting).
* '''Columns'''
* '''EditorDisabledColor''' – Color of the field, when the field/form is disabled for editing.
* '''EditorFontName''' – Font name
* '''EditorFontWeight''' – Weight of the entered value of a field.
* '''EditorForegroundColor''' – Color of the field value.
* '''EditorHorizontalAlignment''' – Sets the field value’s alignment. NEAR aligns the value closer to the field’s label, FAR aligns the value further from the label and CENTER centers the value to the middle of the value cell.
* '''ErrorColor''' – Color of the field, when error message is set to the field or when the field is Business Required.
* '''ImageAlignment''' – Sets the alignment of a picture, if used. TextOnly shows the label of the field, ImageOnly shows image without label. Remaining options represent the alignment of the image inside the field.
* '''ImageBasePath''' – Path to the image’s project folder (project image).
* '''ImageQuery''' – Specifies where the image is taken from (entity image). See [[ImageQuery]] above.
* '''IsMultiLine''' – FALSE means that the text field will be in a single line format, TRUE means that the field will be in multiline format.
* '''LabelAutoHeight''' – Makes the field row higher if needed according to the size of the label.
* '''LabelAutoWidth''' – Automatically sets the label’s width, based on the label’s length.
* '''LabelFontName''' – Font name
* '''LabelFontWeight''' – Sets the weight of the label.
* '''LabelForegroundColor''' – Color of the label’s text.
* '''LabelHorizontalAlignment''' – PlatformDefault follows the default alignment of the label according to the platform settings (as is on not customized MobileCRM), FAR aligns the label closer to the field, NEAR aligns the label further from the field and CENTER centers the label to the middle of the label cell.
* '''LabelPosition''' – PlatformDefault follows the default placement of the label according to the platform settings (as is on not customized MobileCRM), LEFT places the label on the left side of the field, TOP places the label on the top of the field (can be useful when the label is long and RIGHT places the label on the right side of the field.
* '''LinkColor''' – Color of the field’s link items – lookup values, URLs.
* '''MinuteIncrement''' – Sets the minimal minute number used for minute selector.
* '''Name''' – Name of the style.
* '''Name''' – Name of the style.
* '''OnChangeTrigger'''
* '''Auto height label''' – Makes the field row higher if needed according to the size of the label.
* '''RadioButtonMaxCount''' – Number of options in an option set, for which the radio buttons are enabled. Option set with more options will be displayed as a standard option set (drop down).
* '''Auto width label''' – Automatically sets the label’s width, based on the label’s length.
* '''RelativeLabelFontSize''' – Adjusts the label size according to the default size by the positive or negative number.
* '''Multi line''' – FALSE means that the text field will be in a single line format, TRUE means that the field will be in multiline format.
* '''RelativeTextFontSize''' – Adjusts the field text size according to the default size by the positive or negative number.
* '''Relative label font size''' – Adjusts the label size according to the default size by the positive or negative number.
* '''WrapText''' – Wraps the text into more lines if value exceeds the size of the field.
* '''Relative text font size''' – Adjusts the field text size according to the default size by the positive or negative number.
* '''Label position''' – PlatformDefault follows the default placement of the label according to the platform settings (as is on not customized MobileCRM), LEFT places the label on the left side of the field, TOP places the label on the top of the field (can be useful when the label is long and RIGHT places the label on the right side of the field.
* '''Label horizontal alignment''' – PlatformDefault follows the default alignment of the label according to the platform settings (as is on not customized MobileCRM), FAR aligns the label closer to the field, NEAR aligns the label further from the field and CENTER centers the label to the middle of the label cell.
* '''Editor horizontal alignment''' – Sets the field value’s alignment. NEAR aligns the value closer to the field’s label, FAR aligns the value further from the label and CENTER centers the value to the middle of the value cell.
* '''Image query''' – Specifies where the image is taken from (entity image). See [[ImageQuery]] above.
* '''Label font weight''' – Sets the font weight of the label.
* '''Editor font weight''' – Sets the font weight of the entered value of a field.
* '''Label font name''' – Font name
* '''Editor font name''' – Font name
* '''Editor corner radius''' – Use rounded corners for the editor field?
* '''Editor border width''' – Enter width in pixels if you want a border around your editor.
* '''Editor border color''' – Enter color for the border around your editor.
* '''Image base path''' – Path to the image’s project folder (project image).
* '''Image alignment''' – Sets the alignment of a picture, if used. TextOnly shows the label of the field, ImageOnly shows the image without a label. The remaining options represent the alignment of the image inside the field.
* '''Radio button max count''' – Number of options in an option set, for which the radio buttons are enabled. Option set with more options will be displayed as a standard option set (drop down).
* '''Wrap text''' – Wraps the text into more lines if the value exceeds the size of the field.
* '''Minute increment''' – Sets the minimal minute number used for the minute selector.
* '''Label foreground color''' – Color of the label’s text.
* '''Editor foreground color''' – Color of the field value.
* '''Editor background color''' – Color of the editor's background.
* '''Error color''' – Color of the field, when an error message is set to the field or when the field is Business Required.
* '''Editor disabled color''' – Color of the field, when the field/form is disabled for editing.
* '''Link color''' – Color of the field’s link items – lookup values, URLs.
* '''Button color''' – Color of the field button (for URL, Phone, Barcode… formatting).
* '''Background color''' – Sets the color of the field’s background color.
* '''On change trigger''' – Select when should the On Change rules be executed for this field: Whenever you modify the value in the field, or only when the field loses focus.
* '''Columns''' –


Further information about newer style options can be found in this [https://youtu.be/ws1RbswYfFQ?t=17m31s section] of the our webinar. {{Badge|Webinar}}
Further information about newer style options can be found in this [https://youtu.be/ws1RbswYfFQ?t=17m31s section] of our webinar. {{Badge|Webinar}}


== Questionnaire Designer ==
== Questionnaire Designer ==
Retrieved from "https://docs.resco.net/wiki/Special:MobileDiff/4981"

Navigation menu