Designer

USER GUIDE

If you don't know how to write codes to create a website and want to make your website on your own, then this feature is for you. The Designer Feature is handy, easy but little bigger, and sometimes confusing if you do not know the function of every elements, properly.

The designer's primary purpose is to create a responsive website without writing a single line of HTML and create website pages just by dragging and dropping the elements like Button, Textbox, Title, Etc. features you get from the element list.

So let's go step by step and learn WHAT A DESIGNER IS.

When you enter the designer, you will see a blank white space at the center of the screen. On top of that, you will see an option named Device, which will be helpful to know the responsiveness of the website you have created.

You will see three icons on the left side, Add Page, Event, and Database icons.

• Add Page:

• This icon is used to add a new page to your website. After clicking on this icon, a window will appear from the left side. At first, you will already see a single page present in that list. That first page will be undeletable.

• On the top right corner of the window, you will see add page icon. Just click on that icon, and a new page will be displayed at the end of the page list.

To Set/change the page's properties you have created, click the setting icon present on each page item.

In the Property window of the page, you will see the following.

• Page Name: In the textbox of change name, write the name you want to set to your current page.

• Protection: This will provide you with two options

• Private: Select if you want to set your current page private.

• Public: Select if you want to set your current page public.

• Status: With this option, you can select what status you want to set on your page. The two statuses are :

1) Active: Select this option if your page is in working condition.

2) Inactive: If your page is not in working condition, such as an update going on your current page, then you can set that page as inactive.

• Event: We use this option to create an event that we will use on our website. The current present events are "Click" and "Change" (More Events Coming Soon).

There are some steps to creating a new event:

• Step1: Click on the " + " icon to create a new event.

• Step2: Go to the setting section of the event by clicking the setting icon present over it.

• Step3: You will see a textbox in which you will write the name of the event you are creating.

• Step4: Under that, you will see a dropdown where you will see the types of events you can apply. Select which type of event you want.

Click on the Save button after this step.

• Step5: Under that, you will see an " Add Action" button. After clicking, a small tab will open in which you will select which type of action you want to apply to your event.

The actions are as follows:

• Redirect to page: Select this option if you want to redirect to the other page(You Already Created). A small card will be created in which you will select from a list of pages on which page you want to redirect when the event occurs. Click on the save icon present on top of the card to save the changes.

• Redirect to URL: Select this option if you want to redirect to the Specific URL. A small card will be created in which you will write /paste the URL on which you want to shift when the event occurs. Click on the save icon present on top of the card to save the changes.

• Reload: The name explains what this action will do. You will reload the page when an event occurs by selecting this action type event.