RenderDraw Documentation
  • About RenderDraw
    • What is RenderDraw?
    • RenderDraw Philosophy
    • Key features and benefits
  • Introduction
  • Getting Started with RenderDraw
    • Installation
    • Adding a RenderDraw License to a user's account
    • RenderDraw Permission Sets
      • Using user access policies for automated permission set & License Assignment
    • Relating Drawings to a Salesforce Record
    • CAD Conversion
      • Setup of CAD Conversion
      • UI CAD Conversion for Salesforce for Salesforce Admins
      • Version 1
        • CAD Conversion API (Direct Use)
          • Example input for Conversion
      • Version 2 (proposal)
        • Purpose
        • Sample File Input Conversion
  • Diving deeper
    • RenderDraw Architecture
      • RenderDraw Components
      • Storage of your Drawings
        • Connecting to your drawings
      • Supported Formats
    • Relationships
      • Why Metadata Matters
        • Advanced Metadata Relationships
          • Child Lookup
          • Parent-Child Relationships
      • Record Management
        • Scene Settings
    • Performance Considerations
    • Development Resources
    • Using Components on LWR Digital Experiences
    • Utilizing Interactions within Lightning Flow
    • Fixing Common Issues
  • Usage Scenarios
    • Use Cases
      • 2D
        • Part Finder
          • Data Setup for B2B
            • Choose where you want to display your Product Catalogs
            • Setup Field on Catalog Object
            • Setup Group and Files
          • Parse PDF Catalogs to attach images
          • Base setup for initial catalog page
            • Sharing of Files
            • Clone Pages
          • Create Callouts for Parts
          • Utilize OCR to highlight callouts
          • Optionally show inventory or availability based on data
          • Create Interactions for hover and click actions
          • Create a reusable, connected Datatable
        • Custom 2D App Development using Salesforce
        • 2D Admin Guide (Clicks, not Code)
          • Setting your object up for 2D visuals
          • Setup 2D Scene Settings for a record
          • Add a background image to your scene
          • Adding Droppable Areas and Drop Zones to a Scene
          • Adding Draggable Items to a Scene
          • Relating Components to Salesforce Data
          • Add a DataSource to a 2D scene to bind data
          • Adding Layout Drawing menu to your component (Floorplan & Spatial Drawing)
          • Linking your clicks to Actions / Flows
          • Visual Rules engine
          • Hover Actions and Popovers
          • Change your Layout Drawing visuals based on Salesforce Data in a DataSource query
          • Enable users to take snapshots
          • Show additional Drawings with your 2D Canvas
          • Use Color Selection to add clickable regions to your 2D Scene
          • Use OCR to add Clickable regions to your 2D scenes.
            • Enable Azure OCR in your Remote Site settings & Metadata
            • Add Layout Areas using OCR
        • Data interaction within a Flow
          • Modifying Canvas with APEX
        • 2D User Guide
          • Take a snapshot
      • 3D
        • Admin
          • Adding Components to your Lightning Pages
          • Examples
            • Asset Management
            • Product Visualization
            • Setup for 3D Visual Configuration Scenarios
              • Salesforce CPQ
              • Conga CPQ
              • Custom Configuration Scenarios
            • 3D Product Photography
          • Setup 3D Scene
            • Visual Scene Setup
              • Interaction Events
              • Grouping
              • Labeling
              • Actions
              • Attributes (Look & Feel)
            • Configuration
              • Interaction Events
                • Action Items
                • Conditions
                • Steps
        • Developer
          • Custom 3D App Development using Salesforce
        • End-User Usage
          • View Related 3D Converted files on a record
          • 3D Annotations & Comments
      • CAD Conversion
        • CAD Conversion using Admin UI
          • Prior to getting started...
          • CAD Conversion UI within Salesforce
        • Automatic Conversion in Salesforce
          • Integration User
          • Remote Site Setting
          • Setup Connected App
          • Setup Custom Settings for Triggering Conversion
          • Test your Files
          • Extending the integration using Platform Events
      • RenderDraw Interactive Maps
        • Admin Setup
        • End User Usage
      • Other Apps
        • RenderDraw Data Utilities
          • Essentials
            • Swiper
            • Flow Image display
            • QR Code Generator
            • QR Code Scanner
          • Standard
            • 360º Virtual Tours
              • Administration
              • Usage
            • AnnotateIt! Images
              • Admin's Guide to AnnotateIt! components
              • Permissions / Authorization
            • Standalone Datatable
          • Advanced
            • AnnotateIt! PDF Editor
            • Parsing PDFs
            • CSV Importer
        • RenderDraw for Propel
          • Initial Setup
            • Common Issues
          • CAD Conversion & Visual Viewing
          • Annotate Item Attachments
        • MeasurePro (iOS App)
          • Creating a Deep Link to Launch with Parameters
      • Interacting with RenderDraw using Lightning Messaging Service (LMS)
        • Canvas Element Hovered
        • Canvas Element Selected
        • Canvas Initialized
        • Canvas Interaction
        • Record Selected
        • Code Example of Listening to LMS Events
  • API Documentation
    • 3D Components API
      • Events (Aura)
        • EVT_Renderer_Context_Details_Closed
        • EVT_Renderer_Element_Added
        • EVT_Renderer_Get_CameraPositionandTarget
        • EVT_Renderer_Get_Hierarchy
        • EVT_Renderer_Loaded
        • EVT_Renderer_Mesh_Selected
        • EVT_Renderer_Mesh_Selection_Cleared
        • EVT_Renderer_Select_Component
        • EVT_Renderer_Screenshot_Taken
      • Components (Aura/LWC)
        • 3D Interaction Canvas (LWC)
        • 3D Advanced Renderer (Aura)
        • 3D Scene Director (Aura)
        • 3D Simple Renderer (Aura)
        • 3D File Attachment Viewer (Aura)
    • 2D Components API
      • 2D Interaction Canvas
      • 2D Scene Director
    • Universal Components Used throughout the Suite
      • dynamicContentComponent_treeGrid
    • Data Objects used throughout the Suite
      • Canvas
      • BaseCanvasItem
      • LayoutWall
      • DropZone
      • DroppableArea
  • 👬Digital Twin
    • Digital Twin App
      • Setup
        • Steps to Setup Digital Twin Capabilities
        • RenderDraw Relationship Settings
        • Embedding Digital Twin Components
      • Asset Search
      • Digital Twin LWC Component
        • Custom Component Interaction with Renderer
        • Digital Experience Tips and Tricks
Powered by GitBook
On this page
  • Automated Layout Area Detection using OCR
  • Benefits
  • How to Use
  • Conclusion
  1. Usage Scenarios
  2. Use Cases
  3. 2D
  4. 2D Admin Guide (Clicks, not Code)

Use OCR to add Clickable regions to your 2D scenes.

Automated Layout Area Detection using OCR

The Optical Character Recognition (OCR) feature in our application allows administrators to automatically detect and create layout areas on a 2D canvas based on the text content of the background image. This powerful capability eliminates the need for manual drawing and significantly reduces the time and effort required to define layout areas.

Benefits

  • Saves Hundreds of Hours: By automating the process of detecting and creating layout areas, administrators can save a substantial amount of time compared to manually drawing each area. This efficiency gain is particularly valuable when dealing with complex layouts or a large number of images.

  • Increased Accuracy: The OCR technology accurately identifies the text elements on the image and creates precise layout areas around them. This reduces the chances of human error and ensures consistent results across multiple images.

  • Enhanced Productivity: With the automated OCR process, administrators can quickly process a batch of images and generate layout areas in a matter of minutes. This enables them to focus on other important tasks and streamlines the overall workflow.

How to Use

  1. Navigate to the 2D Canvas: Open the desired 2D canvas that contains the background image you want to process.

  2. Access the Layout Menu: Click on the "Layout" option in the top menu to access the layout-related features.

  3. Initiate OCR Process: From the layout menu, select "Add via OCR" to start the automated layout area detection process.

  4. Process OCR: Click on the "Process OCR" button to begin analyzing the background image and extracting the text elements.

  5. Review and Confirm: Once the OCR process is complete, review the detected layout areas. You can update the names of the areas if needed, hover over each row to see the corresponding area on the canvas, and remove any unwanted areas. When you are satisfied with the results, click on "Finish" to add the layout areas to the canvas.

  6. Close the Menu: After adding the layout areas, click on the "Close" button to exit the layout menu.

  7. Link Areas to Records (Optional): If desired, you can establish relationships between the layout areas and specific records. Click on the "Areas" option and select an area. Search for the desired record by object and record name. The available objects can be set globally through the scene's environment settings under "Default related objects".

  8. Repeat as Needed: Repeat the process for other layout areas or images as required.

By following these steps, administrators can harness the power of OCR to automatically detect and create layout areas on their 2D canvases. This feature significantly reduces the manual effort involved and enables efficient processing of multiple images.

Conclusion

The automated layout area detection using OCR is a game-changer for administrators working with 2D canvases. By eliminating the need for manual drawing and leveraging accurate text recognition, this feature saves countless hours and enhances productivity. Embrace this powerful capability to streamline your workflow and unlock new possibilities in your application.

PreviousUse Color Selection to add clickable regions to your 2D SceneNextEnable Azure OCR in your Remote Site settings & Metadata

Last updated 1 year ago