# Add Form

Adding a form in Solodev CMS is a simple process, and can be completed in minutes.

addform

Name	Description
Name	Customize the name.
Choose Install Location	Choose the form location.
Form Studio	Create the form using Form Studio.

Note:

Put the file into the forms folder in web files

# Form Studio

Forms are created based on the Form Studio editor. It has robust built-in drag-and-drop WYSIWYG editor, as well as the option to toggle to edit sources directly.

FormStudio

Name	Description
Layout	Create page layout by using containers, columns, and divs.
Container	Place the container to pad the content inside of it.
Columns	Organize your content with columns.
Div	Define a division or a section on your page. The tag is easily styled by using the class or id attribute. Any sort of content can be put inside it.
Content	Add the page content.
Header	Add the header element which represents a container for introductory content or a set of navigational links.
Description	Add the description.
Paragraph	Add the paragraph which starts on a new line, and is usually a block of text.
Title	Add the title which capitalizes any class name that will get referenced in the stylesheet without a parent class.
Image	Place the image.
List	Organize the page content with a list.
Video	Add the video.
Components	Use components such as buttons and navibars.
Button	Create a styled HTML button and customize it to match their website designs.
Accordion	Use the accordion element to show (and hide) HTML content. Use the w3-hide class to hide the accordion content.
Carousel	Create a slideshow for cycling through a series of content. It works with a series of images, text, or custom markups.
Link	Add the link to any page.
Navibar	Add a navigation bar to your workspace which is a user interface element within a webpage that contains links to other sections of the website.
Table	Organize data with table.
Utilities	Use different elements such as separators and spacers.
Separator	Create a thematic break in the page by using the separator.
Spacer	Use the spacer element to insert spaces on the page.

Note:

Click and hold the icon to drag and drop the element in the workspace.

# Confirm

Once you finish your activity in Page Studio, click Save to apply your changes.