WYSIWYG Web Builder Layout Grid Essential Training

The kind of flexibility you have when working with layers isn’t the same you get when working with layout grid.

The good news is, you can still have some flexibility with the positioning and arrangement of objects in a layout grid.

In the next video, we will take a look at how to do that.

At this section, we will take a look at how to arrange and position layout grids and how to arrange and position objects within it.

Padding, gutter and margin in layout grid has to do with spaces around objects.

While padding is taking care of spaces at the horizontal section in a layout grid, gutter takes care of the spaces at the vertical section of objects in layout grid.

Margin allows you to create spaces around objects in layout grid.

In the next video, we will take a look at how to apply padding, gutters and margin in layout grid.

This section shows us how to apply padding, gutters and margin in a layout grid.

Layout grid, being a great tool which aids in creating responsive content, has it’s own downside.

Some of these limitations has to do with, it not being able to work with some tools, difficulty in controlling the way objects should be arranged and positioned and many other more.

In the next video, we will take a look at some of the limitations associated with layout grid in WYSIWYG web Builder.

At this section, we will take a look at some of the limitations associated with the layout grid tool in WYSIWYG web Builder.

Working with styles in Layout grid isn’t as complicated as you may think. You can style your layout grid and objects within it with ease.

You have control over styling columns independently or an entire layout grid.

Getting to know how it is done will save you some time in your project.

Let’s take a look at the various ways we can style our layout grid.

Our focus at this section will be how to style an entire layout grid in WYSIWYG Web Builder

We will take a look at how to style columns in the layout grid tool in WYSIWYG Web Builder

Bookmarks which are also known as anchor tags allows you to navigate to a specific location on a page. With a bookmark a visitor of the page can go directly to a particular part of the page without having to scroll to it.

You can place the Bookmarks anywhere on the page.

WYSIWYG Web Builder allows you to set a bookmark property with layout grid.

In the next video, we will take a look at how to set a bookmark with layout grid, create a navigation which will be linked to them as well as control the effects of the bookmarks.

At this section we will take a look at how to set a bookmark with the layout grid tool, create a navigation which will be linked to them as well as control the effects of the bookmarks.

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling and animations much simpler and easier.

Jquery works with multitudes of browsers.

In previous versions of WYSIWYG Web Builder, some jquery tools like the tabs and accordions wasn’t possible to be used with layout Grid.

The good news now is, there has been some improvements of the application and now, all the jquery tools are supported with layout grid.

In the next video, we will take a look at how to work with jquery tabs and accordions in layout grid.

We will take a look at how to work with jquery tabs and accordions in layout grid at this section.

A form provides a way to collect information from the people who visit your website

A visitor enters data or makes choices among several options available then submits the form.

The results can be sent to you by email or even save up in a database.

Layout grid in WYSIWYG Web Builder doesn’t support the form area. But the good news is, the form fields can be used with layout grid.

In the next video, we will take a look at how to create a form using layout grid.

We will take a look at the various ways we can work with forms in WYSIWYG Web Builder.

Inline Frame or an iframe allows you to open another page inside a different page in web design. Inline frames are also referred to as Floating frames.

In WYSIWYG Web Builder, you can use inline frame to achieve powerful results.

In the next video, we will see some of the options available with inline frame and how to use it with layout grid in WYSIWYG web builder.

At this section, we will take a look at some of the options available with the inline frame tool and how to use it with a layout grid tool.

I believe you know that, there are always different ways or processes you can use to go about achieving similar results in WYSIWYG Web Builder.

Well, the layout grid tool has some few tricks you can use to achieve a couple of results.

At this section, we will take a look at how to implement some of these tricks and tips in our projects.

At this section, we will take a look at how to implement some tricks and tips using the layout grid tool,