2 . Dynamic Attributes

Field value to attr value, <div myAttr="#name">

If you want to use the value of a field as an attribute value you should use the sign # combined with the name of the field property.

Example:

Collection Authors has properties "name" and "jobTitle".
Then, one one concrete Author has the content:
name: John Doe
jobTitle: Art director

When rendered on the page we could see something like:
<div class="author">
<h2>John Doe</h2>
<span>Art director</span>
</div>
So, anywhere inside this HTML render, using the special #propname syntax, we can use these concrete values ("John Doe" and "Art director") as values for HTML attributes. For example data-title="#jobTitle"
<div>
<h2>John Doe</h2>
<span data-title="#jobTitle">Art director</span>
</div>
When inspected, the final HTML is rendered as
<div>
<h2>John Doe</h2>
<span data-title="Art director">Art director</span>
</div>

NOTE: In order to be able to use dynamic attributes, the field must be included in the concrete render where you want to use it. In case where you want to use the value of the field but don't want to show the field in a render, then you can define the field as meta.

Lorem ipsum dolor sit amet.

  1. Core Concepts
    1. Structured Data, MicroData, Schema.org
    2. GraphDB & Dynamic Content
    3. Html Renders (VPTL Model)
    4. Semantic HTML  (Document Semantics)
    5. CSS & Preprocessors
    6. External CSS & JS Libraries
    7. Integrated CMS
    8. Momentum Network and Market
  2. Environment
    1. Viewport
    2. Project Settings
    3. Tools Panel
    4. Code Editor & External Libraries
    5. Visual Helpers
    6. Web Parser
    7. Structure Panel
    8. Render Panel
    9. Stylebook
    10. Assets
  3. HTML
    1. Layout Structure (Master Template)
    2. Basic HTML Building
    3. Parsing Pre-made HTML
    4. Working With Snippets
    5. HTML In Dynamic Collection
    6. Hidden HTML Elements
    7. Forms
    8. Container Lock
  4. Website Structure
    1. Blank Pages
    2. Schema.org Classes
    3. Collections
    4. Collection Properties
    5. DIMS Module Settings
    6. Stylebook (vptli)
    7. Using Render Panel
    8. Index Operations
    9. Relations Between Collections
    10. Taxonomies
  5. Schema.org, Advanced
    1. Independent vs Context
    2. Testing Schema
    3. Knowing When To Stop
  6. Classes & Attributes, Advanced
    1. Auto Generated Classes
    2. Dynamic Attributes
  7. DIMS (CMS)
    1. Overview
    2. DIMS Interfaces
    3. DIMS Modules
    4. Publishing Content
  8. Building Editing Flow
    1. Inbound & Outbound Relations
    2. Using Dims Attributes
  9. Going Live
    1. Connect An External Domain Name