Difference between revisions of "Composer/Modules/Menu Board"
Paulo Santos (Talk | contribs) |
Paulo Santos (Talk | contribs) |
||
| Line 25: | Line 25: | ||
[[File:Comp_menuboard_design_background.png|thumb|250px|Background configuration]] | [[File:Comp_menuboard_design_background.png|thumb|250px|Background configuration]] | ||
| + | ====Margins==== | ||
Independent of the background type, it's always possible to configure the margins. | Independent of the background type, it's always possible to configure the margins. | ||
| − | ==== | + | ====Background==== |
| − | This option is almost the same as not having the background enabled. The only difference is that the margins can still be applied this way. | + | ;None |
| + | :This option is almost the same as not having the background enabled. The only difference is that the margins can still be applied this way. | ||
| − | + | ;Solid Colour | |
| − | Sets a background colour with the option of adding more or less opacity, add round corners and specifying a border. The border can be enabled or disabled and have a specific thickness, colour and opacity. | + | :Sets a background colour with the option of adding more or less opacity, add round corners and specifying a border. The border can be enabled or disabled and have a specific thickness, colour and opacity. |
| − | + | ;Linear Gradient | |
| − | This option is similar to the [[Composer/Modules/Menu Board#Solid Colour|Solid Colour]] with the difference that can be applied a gradient. The gradient implies adding a second colour with a dedicated transparency setting as well as the angle of the gradient. | + | :This option is similar to the [[Composer/Modules/Menu Board#Solid Colour|Solid Colour]] with the difference that can be applied a gradient. The gradient implies adding a second colour with a dedicated transparency setting as well as the angle of the gradient. |
| − | + | ;Image | |
| − | Allows setting an image background. The image can be scaled to fit or stretch and be aligned vertically and horizontally. The border and corners can also be configured the same way they are when using [[Composer/Modules/Menu Board#Solid Colour|Solid Colour]]. | + | :Allows setting an image background. The image can be scaled to fit or stretch and be aligned vertically and horizontally. The border and corners can also be configured the same way they are when using [[Composer/Modules/Menu Board#Solid Colour|Solid Colour]]. |
| + | ====Corners==== | ||
| + | Instead of having round corners, it's possible to add round corners by setting the '''corner radius'''. | ||
| + | |||
| + | ====Line==== | ||
| + | A border can be activated and configured with a specific '''width''', '''color''', and '''opacity'''. | ||
{{clear}} | {{clear}} | ||
| Line 62: | Line 69: | ||
The Header Row component has the same configurations as the [[Composer/Modules/Menu Board#Title|Title component]] with the exception of the '''font'''. Unlike the title, this component doesn't support horizontal alignment or the indentation associated with it. | The Header Row component has the same configurations as the [[Composer/Modules/Menu Board#Title|Title component]] with the exception of the '''font'''. Unlike the title, this component doesn't support horizontal alignment or the indentation associated with it. | ||
| + | |||
| + | |||
| + | {{clear}} | ||
| + | ===Image=== | ||
| + | [[File:Comp_menuboard_design_image.png|thumb|250px|Image configuration]] | ||
| + | |||
| + | ====Layout==== | ||
| + | There are 2 '''types''' of image layout. '''In line''' means the image will be within the row, as if it was a regular cell. When '''big''' is chosen, only the image of the first row will appear occupying the whole image column. Also, when '''big''' is selected, the option '''spacing''' becomes enabled to configure the space between the image and the rest of the table. | ||
| + | |||
| + | The horizontal alignment can be configured with the option '''position'''. | ||
| + | |||
| + | ====Scale==== | ||
| + | The '''scale mode''' scales the image in three different ways. '''Fit''' keeps the aspect ratio and scales the image in a way that it's all visible. '''Fill''' scales the image so it occupies the whole area keeping the aspect ratio. '''Stretch''' fills the whole area but displays the whole image by not forcing to keep the aspect ratio. | ||
| + | |||
| + | ====Corners and Line==== | ||
| + | '''Corners''' and '''line''' can be configured the same way it's configured in the [[Composer/Modules/Menu Board#Background|Background component]]. | ||
| + | |||
| + | ====Shadow==== | ||
| + | '''Shadow''' can be configured the same way as in the [[Composer/Modules/Menu Board#Title|Title component]] | ||
| + | |||
| + | |||
| + | {{clear}} | ||
| + | ===Table Body=== | ||
| + | [[File:Comp_menuboard_design_tablebody.png|thumb|250px|Table Body configuration]] | ||
| + | |||
| + | ====Rows==== | ||
| + | Define the '''number of rows''' each screen will present, the '''vertical gap''' between rows and the '''time''' each slide will present before it passes to the next one. | ||
| + | |||
| + | ====Details==== | ||
| + | Enable or disable the description in the rows. If enabled, configurable values are the '''height''' and the '''top spacing''' relative to the description. | ||
| + | |||
| + | ====Reference==== | ||
| + | Enable or disable the reference column as well as configure the cell '''width'''. | ||
| + | |||
| + | ====Extra Columns==== | ||
| + | Add or remove extra columns. These columns are dynamic and have all the same (configurable) '''width'''. Removing columns here will not delete the data that is stored in the [[Composer/Modules/Menu Board#Data|Data tab]]. | ||
| + | |||
| + | ====Font==== | ||
| + | All fonts are individually handled, so you can configure fonts for the '''description''', '''extra columns''', '''details''' and '''reference''' separately. Each one of them can be configured as in the [[Composer/Modules/Menu Board#Title|Title component]] | ||
| + | |||
| + | ====Background, Corners and Line==== | ||
| + | The '''background''', '''corner''' and '''line''' are configured the same way as in the [[Composer/Modules/Menu Board#Background|Background component]]. | ||
| + | |||
| + | ====Shadow==== | ||
| + | '''Shadow''' can be configured the same way as in the [[Composer/Modules/Menu Board#Title|Title component]]. | ||
</translate> | </translate> | ||
Revision as of 14:46, 11 January 2013
<languages />
<translate>
Introduction
Its configuration is divided in two major categories: Design and Data. As the name says, the Design tab handles all that's related to the design of the layout of the menu board with the possibility of saving that style to use with other menu boards. The Data tab holds only the data in the cells, which includes the images. This data can be imported as well as exported to a file.
Design
Layout
Configuration of the layout involves the background, title, header, image and table body. All the components but the table body can be disabled.
Background
Margins
Independent of the background type, it's always possible to configure the margins.
Background
- None
- This option is almost the same as not having the background enabled. The only difference is that the margins can still be applied this way.
- Solid Colour
- Sets a background colour with the option of adding more or less opacity, add round corners and specifying a border. The border can be enabled or disabled and have a specific thickness, colour and opacity.
- Linear Gradient
- This option is similar to the Solid Colour with the difference that can be applied a gradient. The gradient implies adding a second colour with a dedicated transparency setting as well as the angle of the gradient.
- Image
- Allows setting an image background. The image can be scaled to fit or stretch and be aligned vertically and horizontally. The border and corners can also be configured the same way they are when using Solid Colour.
Corners
Instead of having round corners, it's possible to add round corners by setting the corner radius.
Line
A border can be activated and configured with a specific width, color, and opacity.
Title
Layout
Height is self explanatory, it controls the height of the title. The bottom spacing is the space between the title and the next enabled component. So, if a component is disabled, the configuration will still have the same effect.
Font
Here you can configure the font like any regular text editor. If the horizontal alignment is left or right, indentation will become enabled so the component doesn't have to be in the edge of the component. It's also possible to configure vertical alignment but in this case it's not possible to add a vertical indentation. The size is automatic by default so it has the maximum size that fits in the component.
Background, Corners and Line
The background, corner and line are configured the same way as in the Background component.
Shadow
It's possible to add a shadow to the component with the configurable options being angle, blur, distance, colour and opacity.
Header Row
The Header Row component has the same configurations as the Title component with the exception of the font. Unlike the title, this component doesn't support horizontal alignment or the indentation associated with it.
Image
Layout
There are 2 types of image layout. In line means the image will be within the row, as if it was a regular cell. When big is chosen, only the image of the first row will appear occupying the whole image column. Also, when big is selected, the option spacing becomes enabled to configure the space between the image and the rest of the table.
The horizontal alignment can be configured with the option position.
Scale
The scale mode scales the image in three different ways. Fit keeps the aspect ratio and scales the image in a way that it's all visible. Fill scales the image so it occupies the whole area keeping the aspect ratio. Stretch fills the whole area but displays the whole image by not forcing to keep the aspect ratio.
Corners and Line
Corners and line can be configured the same way it's configured in the Background component.
Shadow
Shadow can be configured the same way as in the Title component
Table Body
Rows
Define the number of rows each screen will present, the vertical gap between rows and the time each slide will present before it passes to the next one.
Details
Enable or disable the description in the rows. If enabled, configurable values are the height and the top spacing relative to the description.
Reference
Enable or disable the reference column as well as configure the cell width.
Extra Columns
Add or remove extra columns. These columns are dynamic and have all the same (configurable) width. Removing columns here will not delete the data that is stored in the Data tab.
Font
All fonts are individually handled, so you can configure fonts for the description, extra columns, details and reference separately. Each one of them can be configured as in the Title component
Background, Corners and Line
The background, corner and line are configured the same way as in the Background component.
Shadow
Shadow can be configured the same way as in the Title component. </translate>
