Style editor: Difference between revisions

Jump to navigation Jump to search
(→‎Report Designer: Horizontal alignment: Justify)
Line 33: Line 33:


* '''Folder''' – Name of the Folder under the platform folder of the Image.zip where the icons for the field values that you want to represent as pictures are stored.
* '''Folder''' – Name of the Folder under the platform folder of the Image.zip where the icons for the field values that you want to represent as pictures are stored.
* '''BackColor''' - Color of the field’s background (color of the cell).
* '''Name''' – Name of the style.
* '''ForeColor''' – If the icon that you want to use, is colorized, you can change the color of it here.
* '''Fore color''' – If the icon that you want to use, is colorized, you can change the color of it here.
* '''FormatString''' – If you use a non-string field as a source for the image (e.g. a lookup field), the string should look like folder_name{0}.png. {0} represents the target name (name of the lookup record, according to which the image is used.
* '''Back color''' - Color of the field’s background (color of the cell).
* '''HorizontalAlignment''' – NEAR aligns the image to the left side of the cell, FAR aligns image to the right side of the cell and CENTER aligns the image to middle of the cell.
* '''Align vertically''' – Aligns the image to the top, bottom, or center of the cell.
* '''Align horizontally''' – Aligns the image to the left side, right side, or the center of the cell.
* '''Format string''' – If you use a non-string field as a source for the image (e.g. a lookup field), the string should look like folder_name{0}.png. {0} represents the target name (name of the lookup record, according to which the image is used.
* '''Border radius''' – configure corner radius (just like [https://www.w3schools.com/css/css3_borders.asp CSS rounded corners])
* {{Anchor|ImageQuery}} '''ImageQuery''' – For dynamic images, you can define the query for image location.
* {{Anchor|ImageQuery}} '''ImageQuery''' – For dynamic images, you can define the query for image location.
** As '''Image Data''', select the entity and field that contains your image (often, <code>Note.Document</code> or <code>{CurrentEntity}.Entity Image</code>).
** As '''Image Data''', select the entity and field that contains your image (often, <code>Note.Document</code> or <code>{CurrentEntity}.Entity Image</code>).
Line 42: Line 45:
** As '''Placeholder''', you may add a [[Image_examples#Default_.2F_editable_images_in_views|placeholder image]] (in case the query does not return anything): enter the path and name of a [[Images|project image]] (for example <code>mydirectory.mypic.png</code>).
** As '''Placeholder''', you may add a [[Image_examples#Default_.2F_editable_images_in_views|placeholder image]] (in case the query does not return anything): enter the path and name of a [[Images|project image]] (for example <code>mydirectory.mypic.png</code>).
:: [[File:Configure image query 2.png]]
:: [[File:Configure image query 2.png]]
* '''Name''' – Name of the style.
* '''VerticalAlignment''' – NEAR aligns the image to the upper side of the cell, FAR aligns the image to the bottom of the cell, CENTER aligns the image to the middle of the cell.


These are the properties of a text cell (used when the Kind = Text):
These are the properties of a text cell (used when the Kind = Text):

Navigation menu