guideManaging assets in CKBox

Assets in CKBox can be put under categories, and assigned to folders. They can later be moved or copied between categories and folders as well as renamed.

# Browsing

You can easily move between assets using the arrow keys: , , , and . You can also use Tab to jump to the next asset.

# Viewing

A double-click, striking Enter, or using the View option from the top bar will invoke the view mode. If the asset is an image file, it will be displayed in full size or as large as the screen resolution allows. Hitting Escape or using the back arrow in the top-left corner will close the full view.

Image asset in full view.

In the case of a PDF file, using the View option will open a read-only file preview inline.

PDF file in preview mode.

For all other file types, a larger thumbnail of the file type will appear. If you would like more types of previews added in the future, please take this survey. Your feedback helps us develop CKBox to suit your needs better!

If CKBox is integrated with CKEditor 5, double-clicking an asset will insert it into the editing area instead of opening it.

The assets will also behave this way if any kind of onChoose callback is configured.

# Selecting multiple assets

You can conduct different operations (described below) on both individual and multiple assets. To choose several files for an operation, select desired files with a mouse click while holding the Ctrl key on Windows or Cmd key on Mac.

To select a range of assets, click the first one, and then, holding the Shift key, click the last one of the range.

You can also drag the mouse pointer over the desired files to select them.

Selecting multiple assets by dragging the mouse pointer.

You can easily select all assets with the Ctrl + A (Cmd + A) keystroke.

# Moving

To move an asset between folders, use the Move button from the top bar. The button might be hidden under a three-dot dropdown menu on narrow viewports as pictured in the screenshots.

Deleting an asset.

Upon clicking, a pop-up dialog will appear, allowing you to choose the target folder to move the asset.

Choosing a target folder.

Another way to move assets around is by cutting and pasting. Select the desired asset(s) and use Ctrl+X and then Ctrl+V where you want the file (or Cmd+X and Cmd+V on macOS).

You can move one or multiple assets.

# Copying

To copy an asset into another folder, choose the Copy button from the top bar. The button might be hidden under a three-dot dropdown menu on narrow viewports.

Copying an asset.

Upon clicking, a pop-up dialog will appear, allowing you to choose the target folder to copy the asset.

Choosing a target folder.

You can also copy assets faster by employing keyboard shortcuts. Use the Ctrl+C keystroke to copy the selected files and then Ctrl+V to paste them into the desired destination (or Cmd+C and Cmd+V on macOS).

You can as easily copy several assets at once.

# Deleting

To delete a selected asset, use the Delete button from the top bar. A confirmation dialog will appear before deleting the asset.

Deleting an asset.

You can delete assets using the Delete key on Windows or the Cmd + Backspace keyboard shortcut native to macOS.

You can also mass-delete assets.

# Renaming

To rename an asset, use the Rename button from the top bar. The button might be hidden under a three-dot dropdown menu on narrow viewports.

Renaming an asset.

Alternatively, click the Properties icon in the top bar.

The file information panel will appear, letting you change the file name and adjust other asset metadata.

Files information panel with metadata.

# Sorting

You can sort assets by name, size, and upload or modification date. You can find more information about sorting the list of assets in the Folders guide.

# Editing

CKBox provides image editing tools like cropping, resizing, or rotating. Refer to the Image editing guide for details.