Style editor: Difference between revisions

Jump to navigation Jump to search
Line 30: Line 30:
When editing a [[home screen]] in Woodford, click '''Design''', then click '''Edit Styles'''. Home screen shares styles with entity views.
When editing a [[home screen]] in Woodford, click '''Design''', then click '''Edit Styles'''. Home screen shares styles with entity views.


=== Image cells ===
These are the properties of an image cell (used when the Kind = Image):
These are the properties of an image cell (used when the Kind = Image):


Line 46: Line 47:
:: [[File:Configure image query 2.png]]
:: [[File:Configure image query 2.png]]


=== Text cells ===
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):


* '''AutoHeight''' – Adjusts the row’s height to fit the field in case the field element in designer is smaller than the font.
* '''Name''' – Name of the style.
* '''BackColor''' – Color of the field’s background (color of the cell).
* '''Fore color''' – Color of the foreground element – in this case it's the text (#AARRGGBB – AA = alpha/transparency, RR = red channel, GG = green channel, BB = blue channel).
* '''EllipsisPosition'''
* '''Back color''' – Color of the field’s background (color of the cell).
* '''FontName''', '''FontSize''', '''FontWeight''' - Specify the font.
* '''Align horizontally''' – NEAR aligns the text to the left side of the cell, FAR aligns text to the right side of the cell and CENTER aligns the text to middle of the cell.
* '''ForeColor''' – Color of the foreground element in this case it's the text (#AARRGGBB – AA = alpha/transparency, RR = red channel, GG = green channel, BB = blue channel).
* '''Align vertically''' – NEAR aligns the text to the upper side of the cell, FAR aligns the text to the bottom of the cell, CENTER aligns the text to the middle of the cell.
* '''Font name''', '''Font size''', '''Font weight''' - Specify the font.
* '''Auto height''' – Adjusts the row’s height to fit the field in case the field element in designer is smaller than the font.
* '''Ellipsis position'''
* '''FormatString''' – You can format the way the field data is represented, e.g. you can enter a format string in the way “Personal: {0}” where Personal: is a static text and the field data is entered where the element {0} is.
* '''FormatString''' – You can format the way the field data is represented, e.g. you can enter a format string in the way “Personal: {0}” where Personal: is a static text and the field data is entered where the element {0} is.
* '''HorizontalAlignment''' – NEAR aligns the text to the left side of the cell, FAR aligns text to the right side of the cell and CENTER aligns the text to middle of the cell.
* '''Name''' – Name of the style.
* '''VerticalAlignment''' – NEAR aligns the text to the upper side of the cell, FAR aligns the text to the bottom of the cell, CENTER aligns the text to the middle of the cell.


== Forms ==
== Forms ==

Navigation menu