9,322
edits
Style editor: Difference between revisions
Jump to navigation
Jump to search
→Image cells
| Line 34: | Line 34: | ||
* '''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. | ||
* '''Name''' – Name of the style. | * '''Name''' – Name of the style. | ||
* ''' | * '''Vertical alignment''' – Aligns the image to the top, bottom, or center of the cell. | ||
* '''Horizontal alignment''' – 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. | |||
* ''' | |||
* '''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]) | * '''Border radius''' – configure corner radius (just like [https://www.w3schools.com/css/css3_borders.asp CSS rounded corners]) | ||
* '''Image fit''' – configure how the image should fit into its container (just like [https://www.w3schools.com/css/css3_object-fit.asp CSS object-fit]) | * '''Image fit''' – configure how the image should fit into its container (just like [https://www.w3schools.com/css/css3_object-fit.asp CSS object-fit]) | ||
| Line 45: | Line 44: | ||
** 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>). | ||
** As '''Conditions''', add how to locate the correct image. The left side shows the fields on the entity selected as Image Data, on the right side you can either write a constant value, use a field of the current entity (in curly brackets), or use <code>{currentUserId}</code> to refer to the current app user. | ** As '''Conditions''', add how to locate the correct image. The left side shows the fields on the entity selected as Image Data, on the right side you can either write a constant value, use a field of the current entity (in curly brackets), or use <code>{currentUserId}</code> to refer to the current app user. | ||
** 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 image''', 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]] | ||
* '''Icon color''' – If the icon you want to use is colorized, you can change the color of it here. | |||
* '''Background color''' - Color of the field’s background (color of the cell). | |||
=== Text cells === | === Text cells === | ||