Image/File/Lightbox

You can construct the Data type of a column according to your requirements by hovering over the column or from the “Table Configuration” settings of the specific column. The “Image/File/Lightbox” data type is for columns with images, videos, GIFs, icons, etc.

You can decide the data type right from the start when you add a column to the table. From your dashboard, go to the Ninja Tables plugin → Tables (the table where you want to add Column) → Add Column.

  • A pop-up form will appear and you will see the available Data Type here. You can choose from the various data type listed in the below screenshot.
All Data Types
All Data Types

Image/File/Lightbox #

This data type allows you to add images in a field. 

  • Go to the Data Type option and select the Image/File/Lightbox type of the column and add a column.

Select Image/File/Lightbox
Select Image/File/Lightbox
  • Now a new column with data type has been added to the table. To see this data type, click on the Edit icon (right side of the table column). A window will appear then. See the below screenshot –
Preview of Image/File/Lightbox
Preview of Image/File/Lightbox

Image Linkable #

An Image Linkable option automatically appears after selecting the Image/File/Lightbox field.

This option includes Image Only, Image LightboxIframe Lightbox Link to URL.

Image Linkable
Image Linkable

Note that the Image Linkable option includes Image Only, Image Lightbox, Iframe Lightbox & Link to URL, all are Pro features!

Image Only #

Only image files can be added to the column’s field in this option. Both JPG & PNG file formats are supported.

Image Only
Image Only

Image Lightbox #

When an image is uploaded using this option, the image is displayed in a pop-up form when it is clicked. The background will appear darker to make the image look clear.

Image Lightbox
Image Lightbox

If you choose Image Lightbox, the output of this field will look like this after clicking the image –

Image Lightbox
Image Lightbox

Iframe Lightbox #

Here the image can be added along with the iframe URL.

To select the image as an Iframe Lightbox, upload an image with an Iframe URL like the example below –

Iframe Lightbox
Iframe Lightbox

When an image is clicked on the front end, the targeted URL will be shown as a pop-up.

Let’s see the output of how it works –

To add a link to a URL in an image, click the Link to URL radio button and upload the image along with the target link.

Link to URL
Link to URL

When an image is clicked on the front end, it is redirected to the targeted URL.

  • Let’s go to see the table preview with the Image Data type.
Preview Table
Preview Table

This is how you can easily add Image/File/Lightbox data type in your column easily.