Skip to main content

🟦 WYSIWYG Invoice Editor

L
Written by Lassi kähkönen
Updated over a week ago

Visual Invoice Editing and Enhanced UI in Eemel

Eemel’s new WYSIWYG invoice feature brings a visual editing experience that closely mirrors the final PDF. Here's a breakdown of what’s new:


🔧 Editing Interface Improvements

  • Visual Layout: The invoice editing view is now nearly identical to the PDF version.

  • Top Toolbar: Sending and action buttons have been moved to the top.

  • Unified Buttons: "Save and Send" replaces separate save and send buttons.

  • Quick Actions: Immediate access to:

    • Additional info

    • Payment records

    • Help


📄 Invoice Details

  • Editable Fields: Company logos, sender, and recipient details can be edited directly.

  • Dynamic Updates: Changes to trade names or billing customers reflect immediately on screen.

  • Responsive Line Items:

    • Large screens: Table layout

    • Small screens: Box view


📊 Table and Visibility Settings

  • Modernized invoice tables

  • VAT summary visibility follows settings

  • Payment data shown clearly with breakdowns:
    EXPENSES TOTAL, PAID, AMOUNT DUE


🛠️ Special Features

  • Pro Mode: For power users

  • Key Fields Aligned: Invoice number, date, due date, etc.

  • Bank Account Info: Now visible like in the PDF layout


📤 Sending & Preview

  • PDF-only preview before sending

  • Amounts and settings shown in aligned boxes

  • "Subject" field shown only if needed


📱 Mobile & General UI Fixes

  • Improved mobile responsiveness:

    • Better navigation

    • Enhanced inputs and checkboxes

  • Mobile-specific changes:

    • Save button also at the top

    • Supplier shortcut icon

    • Product selection list optimized for screen width

Did this answer your question?