Step 2: Name your elementsΒΆ

It is neccessary to name specific elements the right way, so they will be implemented correctly.
There for you will find all elements, that will be supported in the plugin and how to name them, in the table below.

Important

all names have to be one word or seperated with a _ !

Adobe element HTML element keyword [1]
rectangle + text (group) button button
rectangle + text (group) input with placeholder input
rectangle inputfield input
rectangle checkbox checkbox
rectangle radiobutton radiobutton
line line line
text [2] list list
text link link
images/logos [3] image img
[1]the keyword has to be includen in the elementname

Hint

Make sure you give all your other elements an unique name as well.
Especially all your text-elements, because the name will be used as an ID in the CSS File.

Examples:

how to name elements

Example how to name your elements correctly.

[2]Illustration: how to make a list:
how to make a list

Example how to make a list.

[3]Illustration: How to name a image:
how to name a image

Example how to name a image