Composer/Modules/Table

From DS Help
Jump to: navigation, search

<languages />

<translate>


The Design Tab

Table design tab

Layout

All the components but the table body can be disabled.

Background

Background configuration

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.


Header Row

Header Row configuration

Layout

Height is self explanatory, it controls the height of the title. The bottom spacing is the space between the Header row and the Table body.

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.

Header Row Type

Specify whether to use linked or separated rows in the header. Basically, the linked version will remove the inner borders of the row.

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.


Table Body

Table Body configuration

Layout

Here you can configure the number of columns and rows and its layout.

Adding and removing columns will dynamically add the needed fields to configure their width. After adding/removing it's probably a good idea to use the "Auto adjust" button to set all columns to the same width.

It's also possible to configure the number of rows that will be displayed in each slide as well as the time that slide will show before it passes on to the next slide.

The gap between columns and rows is also configurable. The gap will be filled with the configured background.

Font

Font can be configured as in the Header Row 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 Header Row component.


Styles

All the work done in the design tab can be saved as a style for posterior use. All saved styles are accessible even when switching projects. This feature only applies to the Design portion of the Menu Board, not the Data.

It's also possible to export the style to a file to be imported on another computer or to save as a backup.

When a style is selected it is instantly applied. To revert the style application use the reset button. That will reset to the style that was applied before entering the Styles screen.


The Data Tab

Table data tab

Title

Use the title field to set the title.

Content

To add content use the "Add line" to add a row and double click the cell to edit its value.

Import/Export

It's possible to import exported files as well as files with CSV format. Use delimiter field to tell which delimiter is used in the provided CSV file. If the file has the columns with a title in the first row, tick the "First row as header?" field. The Menu Board is also able to grab the specified file periodically. To do so, tick the "Periodic" field and specify the time interval at which the Menu Board will get the file. That way you can update the data by just changing the file.

Use the "Export data" button to export the data to be used in another Menu Board.

</translate>