employee_1
statistik
meny
Resurs
start
block_1
Contributors:
  • obbyb
Last edited: 1/9/2023

Lets build

To get a good understanding of the Studio and Easyweb it would be best to try to do something with it, So lets get started and build something!

As a starting-point lets use the below section as a reference to what we want to build.

In the Studio, start with opening the view/template that we want to edit, in this case the "Startview/Startpage" under "Global".

What we see is a simple "Hero"-section, meant to be the first impression when visiting this site.

Since Easyweb is a Content Management System we want to view it from the standpoint of what content of it do we want provided from Easyweb?

In this case it would be the image (used as background) and 2 text-inputs (the label and header).

As we can see no content has been added yet, so lets try add some content according to what we identified that we need.

At the bottom of the Studio we have all of the available element-inputs.

All elements and element-groups  (Text, Reference, Feature and Sections)

We can start with creating a "sektion" as a way to just group our new content.


With our new section created, we can start with giving it a name. Since this is our startpages hero-section we might as well just call it "Hero"

The name we give an element in the studio is the name that the web-editor will see when editing the content of the element on the page.


To our "Hero", lets add the elements that we need.
To the right of the section in the studio, we see the "add-icon", click on it and select "Bild".

Do the same for the 2 text-inputs that we need, since its shorter texts that we're after, i would suggest "TextBox".

More about "Text"-elements  (TextBox, TextArea, HtmlEdit)

When you added the elements to the section we should see something like this:

Since we have 2 elements of the same sort, it can be worth noting the keyword "Nyckel" (ie: key), The "Nyckel" is the identifier/name as it will be provided as JSON-data via API later.

If no "Nyckel/Key" is added, it will default to the element-name, in this case "textbox", and for "Bild" = Image.

Lets give the 2 textboxes each a name and unique "nyckel".
Lets just name them "Label" and "Header".

Now we've successfully built our first studio-component, a hero-section that consists of a image and two text-inputs, congratulations!

Now lets see what this did for the editor when editing the startpage.

This website uses cookies to improve your user experience, for security routines and for statistics. By continuing to use the website, you agree to the use of cookies.

This website uses cookies to improve your user experience, to provide a basis for improvement and further development of the website and to be able to direct more relevant offers to you.

Feel free to read ours privacy policy. If you agree to our use, choose Accept all. If you want to change your choice afterwards, you will find that option at the bottom of the page.

Cookies