Create the element directory structure

The location where you create the element directory structure determines if an element is widget-specific or stand-alone.

Widget-specific elements are included in an element/ directory under the directory structure for the widget type they pertain to. The following is an example:

<extension-name> : the root folder of your extension
     ext.json
     widget/
         <widget-type>/
             widget.json
             element/
                <element-name>/
                     element.json
                     templates/
                         template.txt
             layouts/
                 <layout-name>
                            widget.template
             templates/
                 display.template
             [additional widget-related directories for templates, JS, CSS, etc]

Stand-alone elements are included, in an element/ directory, under the extension root. The following is an example:

 <extension-name> : the root folder of your extension
       ext.json
       element/
         <element-name>/
             element.json
             templates/
                 template.txt

Regardless of where you create your elements, each element must have a unique name. An element directory may also contain one or more named directories containing the JavaScript, HTML, and locale fragments related to the element, for example:

<element-name>/
     element.json
     js/
        element.js
     locales/
        <locale code, for example, en or en_US>/
           ns.<element-name>.json
        <other locales>/
           ns.<element-name>.json
     templates/
           template.txt