> For the complete documentation index, see [llms.txt](https://guide.tisagroup.ch/umpire/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.tisagroup.ch/umpire/content-modules/events/new-event-form.md).
# New Event Form
### Requirements
***
In order to create **an event** you need to prepare:
* event date and venue
* main image displayed on the front page
* At least 1 category created
### Creating new event
***
To create new **event**:
{% stepper %}
{% step %}
Go to Event's Dashboard
{% endstep %}
{% step %}
click on the red **New Event button** above the table
{% endstep %}
{% endstepper %}
* New **event form** will open.
### Filling the form
***
#### Time and Venue
#### Details
In the Details panel type in:
* Title - this will be displayed as content name
* Teaser - a tagline of what an article is about
* Author
#### Image with cropping
Events require a title image to be displayed on your frontpage.
To add an image click on the **file from library** button. The Media Library panel will appear.
If you do not have files in media library you can also add images directly from your computer. To do this you need to:
{% stepper %}
{% step %}
Open library by pressing File from library
{% endstep %}
{% step %}
Press Add files
{% endstep %}
{% step %}
Press add files from disk or drag them directly onto the grey field.
{% endstep %}
{% step %}
A toast message will appear informing if the upload was successful.
{% endstep %}
{% step %}
Your file is now in the library. Press close to go back to the form.
{% endstep %}
{% step %}
Select the image. And press **add selected** button
{% endstep %}
{% endstepper %}
If you have an image already uploaded go to step 6. Once the image is added, it will automatically crop in 4 variants:
* Original
* Desktop Hero Image
* Mobile Hero Image
* Thumbnail for article lists.
Loaded Image variants
Image tools allow to crop images according to your liking. Just press the image you want to crop. Cropping panel will appear. On the right you will find photo specifications:
* Dimention
* Recommeded size
* Selected area
* Photo ratio
To crop simply reposition the highlighted blue field using marked dots.
Image Cropping
Press save once the cropping is done or cancel to abort changes.
If you cannot find the image use one of the **browsing options**:
* To search field. T*y*pe in at least 2 characters to strart searching.
* To sort your files and folders by date or by name use the sorting field.
* To navigate between folders use breadcrumb navigation. To go back to the required folder just click on its name or click on the home icon to go back to the main directory.
#### Tags
Tags allow for grouping content based on common attributes to facilitate searching for all related content as well as search engine optimization.
Click on the tag field and a dropdown with all available tags will appear.
Just click the check field to add the tag.
To remove the tag, click the  button.
#### Additional Options
In the additional options panel you can also customize the **url** according to your preference. If you leave this field empty the **url** will generate automatically.
Select the field featured article to add this article to the promoted list visible on the front page and display it in the hero section.
#### Category
Categories segregate the content into different branches depending on your organisation structure or activity.
Click on the category field - a dropdown will open with all available categories listed. To select one simply click on the name of the category.
#### Visibility Options
Select on which devices you would like your article to be visible:
* Web - desktop
* Mobile and TV
### Adding Features
***
**Gallery**
To add a gallery, click on the gallery tile in the features panel. The gallery panel will appear automatically.
Choose the files you want to display from the library.
Choose the layout of images to be displayed on the front page.
Options presented are:
* Grid
* List
**Iframe**
To add an iframe, click on the iframe action field. The component will appear automatically. Paste the HTML code, and you can also preview how the embedded document will look on the page.
Use the Iframe component when you want to embed external content, images, graphics, or other websites onto the page.
**Multimedia**
To add multimedia, choose a file from the library (see the multimedia library article for how to select a file - LINK). Complete the fields for the photo’s author, description, and the URL to which the user should be redirected upon clicking the displayed file.
Use this component when you want to include a document, article, or other content while presenting the link in a way other than text.
**Quote**
To add a quote, fill in the quote content field. The quote will be displayed within the selected content.
**Quiz**
To add a quiz, select the quiz from the dropdown field showing created quizzes. For more information on quizzes, see the quiz article.
**Survey**
To add a survey, select the survey from the field with available created surveys. For more information on surveys, see the survey article
**Paragraph**
To add a paragraph, enter the content in the text editor field. Available tools allow you to format and edit, add embellishments, links, quotes, and tables.
**Social Media**
To add social media content, choose the social media platform from which you want the post to be visible. You can only select one platform; if you want to add more, you need to add another social media component. Then, add the URL and, if necessary, add a comment to the post.
**Video**
To add a video, select a video file from the library. To learn how to select a file from the library, see the article
**Move** the components by holding down the icon and dragging them to a desired position.
**Delete** the components by clicking on the bin icon.
***
### Publication Options
***
Publication options allow you to decide if and when the event will be visible on your website.
**To preview** how the event will look like on your website, go to the top of the form and click the red preview button.
**To save** draft select the **save draft** button located below status
{% hint style="info" %} Saving will only be possible if the form is filled correctly
{% endhint %}
note
**To publish** now select the now option
Then press on the **publish now** button.
**To schedule** publication:
{% stepper %}
{% step %}
Select the plan option
{% endstep %}
{% step %}
select the date
{% endstep %}
{% step %}
Click on the schedule publication button
{% endstep %}
{% endstepper %}
{% hint style="info" %} To reschedule save the content as a draft. Plan button will reappear once the content is in draft status.
{% endhint %}
**To unpublish** an event select **save as a draft** button when an event is already published.
**To check** the publication **status** see the status field above save draft button. Status field will display:
* **Draft status** - the event will not be visible
* **Published status** - when the event is visible to visitors. Date and time of publication will also be visible.
* **Scheduled for publication** - when you have selected plan option the future date of the publication will be displayed next to the status.
### Managing the event
***
After the event is **published** you can now further manage and edit the event see the Events Dashboard article.
{% endstep %}
{% endstepper %}
* New **event form** will open.
.gif?alt=media&token=8ed08adb-205f-403e-97b3-4805965eace9)
{% endstep %}
{% step %}
Press Add files
{% endstep %}
{% step %}
Press add files from disk or drag them directly onto the grey field.
{% endstep %}
{% step %}
A toast message will appear informing if the upload was successful.
{% endstep %}
{% step %}
Your file is now in the library. Press close to go back to the form.
{% endstep %}
{% step %}
Select the image. And press **add selected** button
{% endstep %}
{% endstepper %}
If you have an image already uploaded go to step 6. Once the image is added, it will automatically crop in 4 variants:
* Original
* Desktop Hero Image
* Mobile Hero Image
* Thumbnail for article lists.
.gif?alt=media&token=a5999203-363c-41d3-8f71-b4b21970b542)
.gif?alt=media&token=b97a1453-3979-4d86-87a5-fafd718521ed)
{% endstep %}
{% step %}
select the date
{% endstep %}
{% step %}
Click on the schedule publication button
{% endstep %}
{% endstepper %}
{% hint style="info" %} To reschedule save the content as a draft. Plan button will reappear once the content is in draft status.
{% endhint %}
