# Add Form

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


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

# 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.


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.

# Confirm

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