# Edit Columns (updated)

To use the Edit Columns functions you will need to start with Opening The Editor and selecting, at a minimum, the row you want to change... selecting a column in the row will also select the row element.

img

An example where a "Text" element is selected (also selecting the appropriate row to edit).

NOTE: when editing columns you are actually editing the row to change its column layout.


Clicking the Edit Columns action button will open the "Edit Columns" window.

img

An example, based on the above, showing a row with two columns.

The Edit Columns function allows you to change a number of properties related to size and position of the columns. The position of the columns can be changed by using the three-line icon to the far left of the column row to drag and drop the columns into the order you want to use.

img

The relevant size of the column can be set for common browser/viewport sizes -- Phone, Tablet, and Desktop devices. Each type of device is managed separately.

img

Each device size can be set using the drop-down selector and a pre-defined list representing fractions of the row for the specific column.

img

An example from the default "Tablet Size" option.

You can mix and match the available sizes to create more diverse column layouts aside from the default equally divided space. In general, the column sizes used should add up to a "Full" width (or multiples of Full widths - see the "Phone Size" for example).

# Adding New Columns (new)

To Add A New Column you would click on the Add Column button at the bottom of the Edit Columns window.

img

This will add the new column to the end of the current list of columns.

img

The number of columns can be adjusted up to a maximum of four (4) columns in the row. The columns are "numbered" from left to right starting with the leftmost column as number 1, this is for reference purposes only.

IMPORTANT
New columns will be added with the default Full, Half, and Half sizes set respectively for the Phone, Tablet and Desktop sizes. In most cases, the column sizes should be adjusted so they add up to a "Full" width.

Once you are happy with the sizes and layout for the columns, click the Update button to save your changes.

img

# Blank New Columns

After you Add New Columns they will be created as "Empty Columns" and will require content be added to them; or, they can be left blank and used a "blank" spacers in the auction website layout.

img

An example using the above settings.

img

An example "Desktop" view, of "Empty Columns" used as blank "spacers" in location 2 and 3.

# Removing Columns (new)

To remove a column, simply click on the "Trashcan" icon at the far right size of the column in the Edit Columns window. This is an immediate action and will not have a confirmation warning.

img

IMPORTANT
Review your device sizes after deleting a column to make certain they are correct for the new layout. The column sizes should be adjusted so they add up to "Full" widths for each device.

img

An example (continuing from above) after removing column 3, with "new" sizes, before updating the layout.


IMPORTANT
Always check the device sizes after adding, moving, or deleting columns to make certain they are correct for the new layout. The sizes will not dynamically change, they must be manually set if they are required to be different after editing.

Last Updated: 3/18/2021, 5:29:25 PM