Difference between revisions of "GUI Tables"

From 3forge Documentation
Jump to navigation Jump to search
Line 18: Line 18:
  
 
[[File:GUI.Columns.3.jpg]]
 
[[File:GUI.Columns.3.jpg]]
 +
 +
'''Add Column menu'''
 +
 +
[[File:GUI.Columns.4.jpg]]
 +
 +
{| class="wikitable"
 +
|-
 +
| '''Display''' || Use variables, operators, functions, and icons to create the content for the column
 +
|-
 +
| '''Sorting''' || Use variables, operators, and functions to apply a sorting to the contents of the column
 +
|-
 +
| '''Format''' || Choose the format of the column (e.g.: text, numeric, time, date, price, etc.) 
 +
|-
 +
| '''Title''' || Create a title for the new column
 +
|-
 +
| '''Header Style''' || Apply different fonts, alignments, style, and colors to the column header
 +
|-
 +
| '''Description''' || Add a description/help which can be seen when clicking on the column header
 +
|-
 +
| '''Column Position''' || Drop down list of various positions where the new column can be placed (can also be hidden)
 +
|-
 +
| '''Style''' || Apply a style to the contents of the column (including font and alignment)
 +
|-
 +
| '''Foreground Color''' || Apply a color to the text of the column
 +
|-
 +
| '''Background Color''' || Apply a background color to the column
 +
|-
 +
| '''Clickable''' || Makes the contents of the column clickable
 +
|}
 +
 +
Header and column alignment
 +
Column Description
 +
Applying a color to the column contents
  
 
==Sorting & Pinning==
 
==Sorting & Pinning==

Revision as of 16:51, 8 April 2021

Columns

Adding, Editing, Copying, & Deleting Columns

Adding

(Note: these options are only available when in developer mode)

There are three ways to add columns in tables

1. The first way to add a column is to through the panel configuration menu. Click on the green button to bring up the menu and select Add Column

GUI.Columns.1.jpg

2. The second way to add columns is to click on a column to bring up the column menu. This method allows you to place the new column in between existing columns. In the menu, select whether to add the new column to the right or left of the selected column

GUI.Columns.2.jpg

3. The third way to add columns is to click on an open area of the header in order to bring up the header menu. In the menu, select Add Column.

GUI.Columns.3.jpg

Add Column menu

GUI.Columns.4.jpg

Display Use variables, operators, functions, and icons to create the content for the column
Sorting Use variables, operators, and functions to apply a sorting to the contents of the column
Format Choose the format of the column (e.g.: text, numeric, time, date, price, etc.)
Title Create a title for the new column
Header Style Apply different fonts, alignments, style, and colors to the column header
Description Add a description/help which can be seen when clicking on the column header
Column Position Drop down list of various positions where the new column can be placed (can also be hidden)
Style Apply a style to the contents of the column (including font and alignment)
Foreground Color Apply a color to the text of the column
Background Color Apply a background color to the column
Clickable Makes the contents of the column clickable

Header and column alignment Column Description Applying a color to the column contents

Sorting & Pinning

Sizing

Filters

Arranging

Hiding & Searching