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.
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.
- 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 –
Image Linkable #
An Image Linkable option automatically appears after selecting the Image/File/Lightbox field.
This option includes Image Only, Image Lightbox, Iframe Lightbox & Link to URL.
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 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.
If you choose Image Lightbox, the output of this field will look like this after clicking the image –
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 –
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 –
Link to URL #
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.
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.
This is how you can easily add Image/File/Lightbox data type in your column easily.
