Collection Box widget is a graphical user interface (GUI) element that is typically used to display a collection of items or objects, such as files, images, or data records. It allows users to easily view, select, and manipulate these items as needed. You can easily build collection box widget with EnterAddons.
Using Collection Box Widget :
You can see the below video to get an insight into how you can use the Collection Box Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Collection Box Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ section you will get Collection Box Content section.
After that, from ‘Collection Box Content‘ section, you can select font-awesome icon or image icon.
Step2
From ‘Style’ section you can stylize the widget. You will get the Wrapper Settings, Content Area Settings, Title, Collection, Data Count and Image Icon section respectively.
After that, from ‘Wrapper Settings’ section you can add content-alignment, margin, padding, border-type, border-radius, background-type and box-shadow respectively in NORMAL view, and that is given below.
Moreover, from this section you can see HOVER view also like below.
After that, from ‘Content Area Settings’ section you can add margin, padding, border-type, border-radius, box-shadow and background-type respectively.
Then, from ‘Title’ section you can see title-color, typography, margin and padding respectively in ‘NORMAL’ view.
Moreover, from this section you can see HOVER view also like below.
After that, from ‘Collection’ section you can see title-color, typography, margin and padding respectively in ‘NORMAL’ view.
Moreover, from this section you can see HOVER view also like below.
Then, from ‘Data Count’ section you can add count, typography, margin, padding, opacity, horizontal-position and vertical-position respectively.
After that, from ‘Image Icon’ section you can add image-container-width, image-container-height, margin, padding, border-type, background-type, box-shadow under ‘Wrapper Style’ tab respectively. Also, you can add image-width and image height under ‘Image Style’ tab respectively.
Step3
Finally, after finishing all the editing, click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
