Custom Label Editor Layouts - ClientMetadata
Follow the end to end walkthrough below to learn how to set up a custom Label Editor configuration based on client metadata. This End-to-end example assumes you configure the Label Editor so that two files are displayed at a given time.
This end-to-end example assumes that:
- You have Custom Editor Layouts enabled. Contact support for access.
- Your files are stored in cloud storage.
STEP 1: Create Metadata Schema
Use the Encord SDK to import a metadata schema into Encord. The fields encord-layout-group
and encord-editor-grid-position
are the key client metadata used later for configuring the Label Editor layout. If you need to add additional client metadata to your schema, include them in the script below.
Read more about metadata schemas here.
STEP 2: Create JSON file for data import
Before importing your cloud data to Encord you must first create a JSON file specifying the files you want to import.
When the audioMetadata
, imageMetadata
, or videoMetadata
flags are present in the JSON file, we directly use the supplied metadata without performing any additional validation, and do not store the file on our servers. It is crucial that the metadata you provide is accurate. For most applications these flags can be omitted.
All of the following examples import 4 objects with the following client metadata:
encord-editor-grid-position
: Can take the valuesA
orB
.A
andB
are the two possible positions inside the Label Editor.encord-layout-group
: Files with the sameencord-layout-group
values are displayed concurrently in the Label Editor
STEP 3: Import files into Encord
Create a folder to store your files
All files in Encord must be stored within folders. Therefore, you need to create a folder before uploading any data to Encord. To create a folder:
- Navigate to Files under the Index heading in the Encord platform.
- Click the + New folder button to create a new folder. A dialog to create a new folder appears.
-
Give the folder a meaningful name and description.
-
Click Create to create the folder. The folder is listed in Files.
Import your files
You can import your audio data, using the JSON file you created, using the UI or the SDK.
STEP 4: Set up your Project
Create a Dataset
- Click the New dataset button in the Datasets section in Annotate.
- Give your Dataset a meaningful title and description. A clear title and description keeps your data organized.
- Click Create dataset to create the Dataset.
Attach files
- Navigate to the Datasets section under the Annotate heading.
- Click the Dataset you want to attach data to.
- Click +Attach existing files.
-
Select the folders containing the files you want to attach to the Dataset. To select individual files, double-click a folder to see its contents, and select the files you want to add to the Dataset.
-
Click Attach data to attach the selected files to the Dataset.
Create an Ontology
- Click the New ontology button in the Ontologies section to create a new Ontology.
-
Give your Ontology a meaningful title and description. A clear title and description keeps your Ontologies organized.
-
Click Next to continue.
- Define your Ontology structure. See our documentation on Ontology structure for more information on the various types of objects, classifications, and attributes.
To add objects:
- Click Add object to create a new object.
- Give the object a name. For example “Apple”.
- Select a shape for the object. For example polygon.
- Optionally, enable the Required toggle to mark the object as Required.
- Optionally, add attributes to the object.
- Repeat these steps for as many objects as necessary.
To add attributes to an object:
You can add attributes to objects that define the object’s characteristics. For example the object “Apple” can have an attribute “Color”.
-
Click the arrow icon next to an object to add attributes to the object.
-
Give the attribute a name. For example “Color”.
-
Click the attribute type to change the attribute type. The default attribute type is a text field.
-
Click Add option to add an option, if you have chosen a radio button or checklist attribute.
-
Enter a name for the attribute option. For example, the attribute “Color” can have the options “Red”, “Green”, and “Yellow”.
-
Click the Back to parent button to return the Ontology creation view.
To add a classification:
- Click Add classification to create a new classification.
- Give the classification a name. For example, “Time of day”.
- Optionally, configure the classification. The default classification type is a text field.
- Optionally, enable the Required toggle to mark the object as Required.
- Repeat these steps for as many classifications as necessary.
Configure classifications:
You can configure classifications to change the classification type, and to add classification options to radio buttons and check lists.
- Click the arrow icon next to an object to configure the classification.
- Click the classification type to change the classification type. The default classification type is a text field.
- Click Add option to add an option if you have selected a radio button or check list classification.
- Enter a name for the classification option. For example, the classification “Time of day” can have the options “Night” and “Day”.
- Click the Back to parent button to return the Ontology creation view.
Create a Project
- In the Encord platform, select Projects under Annotate.
- Click the + New annotation project button to create a new Project.
- Give the Project a meaningful title and description.
If you are part of an Organization, an optional Project tags drop-down is visible. Project tags are useful for categorizing and finding your Projects. Select as many tags as are relevant for your Project.
-
Click the Attach ontology button.
-
Select the Ontology you created previously from the list using the Select button.
-
Click OK to attach the Ontology to the Project.
-
Click the Attach datasets button.
-
Select the Dataset you created previously from the list using the Attach button.
- Click OK to attach the Dataset(s) to the Project.
- Click the Load from template button to use a Workflow template.
-
Select the template you want to use and click Load template.
-
Click Create project to finish creating the Project.
STEP 5: Create Custom Editor Layout
After creating your Project, import a custom layout for the Label Editor. Start by creating a JSON file that determines the layout.
Create a JSON for the Layout
Import the custom layout
- Navigate to the Project settings.
- Click on Layouts.
- Click Upload JSON.
- Select the JSON file containing the layout you want the Label Editor to have.
Was this page helpful?