> ## Documentation Index
> Fetch the complete documentation index at: https://docs.t3planet.de/en/latest/llms.txt
> Use this file to discover all available pages before exploring further.

# Add Event Plugins

> Add Event Plugins.

Add event list and event detail Plugin from the Plugin options.

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Add_plugin.png?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=3001a08c71541d415b3b9469fdc20d1e" alt="Add Google Map Plugin" width="1000" height="797" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Add_plugin.png" />

## 1.Event List Plugin

Event List Plugin have below Configurations,

### 1.1 Configuration

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_1.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=45247f36a4cc987c1d439b6f5defa554" alt="List" width="1856" height="783" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_1.webp" />

* **Detail Page** -> Select the Page where event detail plugin is added
* **Record Storage Page** -> Select the storage folder to display the event from that folder.

### 1.2 Event Layout

**List view Layout:Grid**

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_3.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=cea86f30639eef5f288bc295c0c32208" alt="List" width="1906" height="783" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_3.webp" />

* **Defualt Arrangement** -> Select Which Arrangement you want grid or list.
* **Grid Style** -> Selection for Grid styles:One/Two/Three Column

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_4.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=d43d44990229b6b1b751263c6885cb1a" alt="List" width="1916" height="696" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_4.webp" />

* **Select Pagination Style** > Select Pagination type.
* **Records Per Page** -> Set Record per page.
* **Want filter and search option?** -> By enabling this you’ll see filtration in FE.
* **Want Location Radius Search** -> By enabling this you’ll see field for radius search in FE.

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_5.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=1291c7a8fa814119b4a84a6ef7ee2bce" alt="List" width="1907" height="804" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_5.webp" />

* **Date Style** -> Select Date style
* **Date Position** -> Select Date Position

**List View Layout:Isotope**

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_6.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=87c5dcb52235bb6414e077dd4e920152" alt="List" width="1902" height="644" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_6.webp" />

* **Isotope Styles** Select the desired style from the dropdown or configure it using the field below.
  The Isotope view works only when a **Select Filter Type** is chosen; otherwise, it will not function.

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_7.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=d09ae342d03a25c90775ebd6bffd7a3b" alt="List" width="1903" height="801" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_7.webp" />

* **Select Filter type** -> Select which Filter you want Full filter or Category filter
* **Date Style** -> Select Date style
* **Date Position** -> Select Date Position

**List View Layout:Calendar**

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_8.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=de6529e202749000601c25d2b171bb0a" alt="List" width="1881" height="583" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_8.webp" />

* **Calendar View Type** -> Select which Calendar style you want: Month View,Week View or Day View
* **Want filter and search option?** -> By enabling this you’ll see filtration in FE.
* **Want Location Radius Search** -> By enabling this you’ll see field for radius search in FE.
* **Date Style** -> Select Date style
* **Date Position** -> Select Date Position

**If Calendar View type Month view selected:**

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_Monthview.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=d627cec6e2b31c1af0943eab627b0d0b" alt="list" width="1908" height="821" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_Monthview.webp" />

* **Hide Weekend** -> By enabling this Weekend will be hide
* **Narrow Weekend** -> By enabling this Weekend will Show but with Little Visibility

**List View Layout:Custom Slider**

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_9.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=9659dca4eae1fef36dada0e6cf8cbf30" alt="List" width="1911" height="822" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_9.webp" />

* **Defualt Arrangement** ->if we select option Slider with list>this Options will render list according to selected value.
* **Grid Style** -> Select grid styles.
* **Want filter and search option?** -> By enabling this you’ll see filtration in FE.
* **Want Location Radius Search** -> By enabling this you’ll see field for radius search in FE.
* **Date Style** -> Select Date style

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_10.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=ec17b0d64f50e054da2e3aa4404bd4c2" alt="List" width="1905" height="821" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_10.webp" />

* **Date Position** -> Select Date Position
* **Select Slider type** -> Select which slider type you want from dropdown
* **Slider Event Options** -> Select which events you want to Show, eg. upcoming,free events,Paid events etc.
* **Show max Event** -> Set how many event you how in slider
* **Slider Type** -> Select slider type you want from dropdown
* **Draggable** -> Enable dragging

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_11.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=db0f43e2b132dcc2ad1a2fa9e2bad2cd" alt="List" width="1904" height="787" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_11.webp" />

* **Free Scroll** -> Enable free Scroll
* **Contain** ->To prevent excess scroll at beginning or end.(If Wrap Around in enabled it will not work)
* **Page Dots** -> Enable Navigation Dots
* **Prev Next Buttons** -> Enable Navigation button
* **Wrap Around** ->wrap-around to the other end for infinite scrolling.
* **Full Screen** -> It will show slider in full Screen
* **Adaptive Height** -> Changes height of carousel to fit height of selected slide.
* **Images Loaded** -> This option re-positions slides once their images have loaded.
* **Right to Left** -> Enable Sliding from right to Left
  <img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_12.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=edbb209cb41bf354896ea9c75388c5df" alt="List" width="1902" height="800" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_LIST_12.webp" />
* **Accessibility** ->Enable keyboard navigation. Users can tab to slider, and pressing left & right keys to change slide.
* **Auto Play** ->Slider will scroll as per selected Speed
* **Paused Autoplay On Hover** -> While Hovering on Slider it will Paused
* **Cell Align** -> Align slider

## 2.Event Detail Plugin

Event detail plugin have below Configurations,

### 2.1 Configuration

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_1.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=685b9b2887986b2ab038a4d310a07b0a" alt="Detail" width="1905" height="790" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_1.webp" />

* **Map Type** -> Select the Map type you want to display from Map, Satellite, Hybrid and Terrain
* **Admin name** -> add admin name
* **Admin Email** -> add admin Email
* **Enable custom Fields** -> By enabling this you can enable custom field for registration form
* **Select Field Group** -> You can Select field from folder which you want for registration form

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_2.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=a9f1e5409c5fbd7cdbcf9a7ebf47fbc8" alt="Detail" width="1904" height="800" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_2.webp" />

* **Show Related Events** -> While enabling this you will see related event in event detail page
* **Number of Events want to show** -> Define how many related events you want to show in detail page
* **Want Slider** -> By enabling this you’ll see Slider for related events in detail page
* **Social Share** -> By enabling this you can share events in Social media.

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_3.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=81a5f18a853b051178c891ccd60ff5ed" alt="Detail" width="1901" height="789" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_3.webp" />

* **If Show Related Events is Enabled ,**
* **Select Relevant Events** -> Select which event you want to show eg. upcoming events,events in Same city etc.
* **Number Of Events want to show** -> Define how many related events you want to show in detail page

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_4.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=71715f07ff49a3f386758e8ef1a86d09" alt="Detail" width="1916" height="790" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_4.webp" />

* **If want slider check box is enabled** ->
* **Slider Type** ->Select slider type from dropdown
* **Draggable** -> Enable dragging
* **Free scroll** -> Enables content to be freely scrolled and flicked without aligning slides to an end position
* **Contain** -> To prevent excess scroll at beginning or end.(If Wrap Around in enabled it will not work)
* **Page Dots** -> Enable Navigation Dots
* **Prev Next Buttons** -> Enable Navigation Buttons
* **Wrap Around** -> wrap-around to the other end for infinite scrolling.

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_5.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=cd8932fa41c67530fc578662f7ef09fb" alt="Detail" width="1899" height="791" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_5.webp" />

* **Full Screen** -> It will show slider in full Screen
* **Fade** -> Fades between transitioning slides instead of moving.
* **Adaptive Height** -> Changes height of carousel to fit height of selected slide.
* **Images Loaded** -> This option re-positions slides once their images have loaded.
* **Right to Left** -> Enable Left to right Sliding

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_6.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=93d7725fead11df088f280b2288e68ec" alt="Detail" width="1640" height="797" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_6.webp" />

* **Accessibility** -> Enable keyboard navigation. Users can tab to slider, and pressing left & right keys to change slide.
* **Auto Play** ->Slider will scroll as per selected Speed
* **Pause AutoPlay On Hover** -> While Hovering on Slider it will Paused
* **Lazy Load Setting** -> Loads cell images when a cell is selected.
* **Bg Lazyload** -> Loads cell background image when a cell is selected.
* **Cell Align** -> Align slider
* **Social Share** -> By enabling this you can share events in Social media from slider.

<img src="https://mintcdn.com/t3planet/k6HmGHGXxZ9ngN2I/en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_7.webp?fit=max&auto=format&n=k6HmGHGXxZ9ngN2I&q=85&s=aa7e1000276a9be7848d998a8f2b37e5" alt="Detail" width="1832" height="647" data-path="en/latest/ExtNsEvent/Configuration/AddEventPlugin/images/Event_detail_7.webp" />

* **Image Options** -> Select Where you want to set your event poster image in Detail page!

**All set,Now you can see all your added events in your website,Enjoy! :)**
