livingdocs
  • Release Notes
  • Blog
  • Livingdocs
magnify
Learn
Reference Docs
Guides
Operations
  • Introduction
Learn
  • Video Tour
  • Document Lifecycle
    • Document Creation
    • Document Publication
  • On Premise Setup
Reference Docs
  • Public API
    • Get Started
    • Project
    • Composition API
    • Publications 
      • Latest Publication 
      • Latest Publications 
      • Publication Events
      • Renditions
      • Incoming References
    • Search
    • Document Lists
    • Document Categories
    • Routing
      • Path
      • Menus
    • Media Library
    • Imports
      • Documents
      • Images
      • Videos
      • Media Library Entries 
    • Sitemaps
    • Health
    • Beta
      • Latest Publication
      • Latest Publications
      • Latest Draft
  • Project Config
    • Settings
    • Editor Settings
    • Content Types
    • Design Settings
    • Components
    • Deliveries
    • Import & Export
    • Media Types
    • Categories
    • Notifications
    • External Systems
  • Document
    • Content
      • Livingdoc Model
      • Component Tree
      • Component Model
      • Directive Models
    • Document Design
      • Directives
        • Editable
        • Image
        • Video
        • Include
        • HTML
        • Link
        • Style
        • Container
        • Toggle
    • Includes
      • Include User Interfaces
      • Includes with Multiple Services
    • Metadata
      • Metadata Plugin List
    • References
  • Server Extensions
    • Server Config
      • Single sign-on
      • Storage
        • Google Cloud Storage
    • Server Initialization
    • Include Functions
    • Metadata Plugins
    • Import API
    • Seed API
    • DataSource API
    • Server Events
    • Server Hooks
    • Webhooks
    • Search Customization
    • Logging
    • DocumentVersion
    • livingdocs-server CLI
  • Editor Extensions
    • Editor Config
      • Document Editing Features
      • Image cropping
      • Images Configuration
      • Login
      • Main Navigation
      • Search and Filters
      • Text Editing Config
    • Editor API
    • Vue Component Registry
    • Document Drag & Drop
  • CLI
    • Managing Project Configs
    • CLI dotfile
  • SDK
Guides
  • Setup
  • Editor
  • Documents
  • Media Library
  • Organisation
  • Search
  • Integrations
  • Authentication
Operations
  • Release Notes
  • Architecture
  • Docker
  • External Services
  • Hardware Requirements
  • High Availability Setup
  • Hosting Livingdocs
  • Proxy Setup
  • Telemetry
  • Guides
  • Documents

Document Design

Document Design and Components

  • Document Design Intro
  • Create a component from scratch

Add a Component to a Design

Add a new component to an existing design

    Example Component: Bullet List

    Create a bullet list component

      Dealing with Design Changes

      • Version Bumps
      • Content Migrations

      Migrate Reference Design to Embedded Design

      How to add an existing design to a project configuration

        Publish a Design with ldm

        Upload a design to a Livingdocs Server with ldm (Livingdocs Design Manager)

          Document Metadata

          Metadata Plugins

          • Add a metadata field to a contentType
          • Create a metadata plugin

          Document Includes

          oEmbed

          oEmbed

            Twitter Embed

            Register an include service to render a tweet

              Youtube Embed

              Register an include service to render a youtube video

                Document Teasers

                Register an include service to render teasers to other articles

                  Editable Document Teasers

                  Register an include service to render teasers which can be edited on the page they are embedded in

                    List Teasers

                    Register an include service to embed a list

                      Embedded Teaser and Embedded List

                      • Embedded Teaser Example
                      • Embedded List Example

                      Document Media

                      Responsive Background Images

                      Set up responsive background images in your documents

                        • Livingdocs
                        • Tellstrasse 31
                        • 8004 Zurich
                        • contact@livingdocs.io