Help
Academy
  • INTRODUCTION
  • About Reasy
  • Why Choose Reasy?
  • User Registration
  • Invite & Manage Users
  • GETTING STARTED
    • Create Your First App
    • App Dashboard
    • Workspace
      • Engine Explorer
      • Navigation Explorer
      • Canvas
      • Tools
        • Screen Components
          • Input Elements
          • Containers
          • Texts
          • Buttons
          • Charts
          • Grids
          • Cards
          • Files & Images
          • Custom Components
          • Pre-built Screens
        • Custom Screen Components
        • BPMN Components
        • Data-Driven Plugins
          • Data Sources
            • SQL Plugin
            • Session Plugin
            • MakeServerURL
            • PrivatePDM
            • Logout
            • MethodInvoker
            • UMPlugin
            • APIConsumer
            • EmailReaderPlugin
            • FileReaderPlugin
            • FileWriterPlugin
            • FileDownloadPlugin
            • FileUtils
            • PropertyReader
            • DateUtils
            • JsonUtils
            • JoinPlugin
            • EncryptDecrypt
            • StringUtils
          • Data Display
          • Business Tools
      • Property Editor
        • General Properties
        • Design Properties
    • Engines
      • Screens
        • Responsive Grid System
        • Building App Layout
        • Building Screens
        • Creating Pop-up Screens
        • Events and Actions
        • Importing Screens
          • Importing an HTML
          • Importing a Figma Screen
          • Importing a PDF
          • Importing a Screenshot
          • Importing a Hand-drawn Sketch
          • Text to Screen
        • Manage Screens
      • Data Modeler
        • Setting up a Data Source
        • Creating a Model
          • Adding Computational Formula
          • Adding Validations
        • Importing a Data Model
        • Entity Relationships
        • Exporting a Data Model
      • APIs
        • A Step-by-Step Guide to Build an API
        • Creating an API Service
        • API Configuration
        • Publishing API
        • API Authentication
        • Consuming REST APIs
        • Manage API Services
      • Navigation
        • Layout Setup
        • Creating Microapps
        • Manage Microapps
      • Page
      • Workflow
        • Creating Workflows
        • Workflow Templates
        • Optimizing Complex Workflows
        • Manage Workflows
      • User Management
        • Users
        • Roles
        • Policies
        • Password Policies
        • Data Rules
      • Resources
      • Languages
        • Translating App Language
        • Manage Languages
    • App Management
  • TECHNICAL INFORMATION
Powered by GitBook
On this page

Was this helpful?

  1. GETTING STARTED
  2. Engines
  3. Screens
  4. Importing Screens

Importing a Screenshot

PreviousImporting a PDFNextImporting a Hand-drawn Sketch

Last updated 1 year ago

Was this helpful?

This option allows you to convert a static image or a design file in PNG, JPG, or JPEG format into a fully interactive and responsive web page, so you can add it to your app.

This even ensures that the web page appears exactly as designed, maintaining pixel-perfect precision. It also speeds up your development process as it eliminates the need to manually code and design every element from scratch.

To import a screenshot,

  • Expand the layout into which you want to import a screenshot, go to Screen, right-click '', and select Import Screenshot.

  • Choose or drag the screenshot in PNG/JPEG/JPG format from your local storage, and then click Import.

  • Reasy, using a few Machine Learning (ML) algorithms, intellectually identifies the image elements and tags them with the appropriate tools. If you find any element left unidentified, you can use '+' to highlight it and select the tool to tag to it.

  • After clicking Create Screen, it gets imported and made available in Navigation Explorer. Open it and make the necessary changes to it.