Webtoolhelp

Saturday, August 9, 2025

Google Apps Script Floating Dialog Generator

🚀 Google Apps Script Floating Dialog Generator

Create draggable floating dialog boxes for Google Sheets with custom functions and item search

⚙️ Configuration
🔧 Functions

📱 Preview

Items And Buttons ×
CodeDescPriceQtyMin
001Sample Item₹100105
📋 Generated Code
Click "Generate Code" to see your HTML file...
Click "Generate Code" to see your JavaScript file...

📚 How to Use:

  1. Copy the FloatingBox.html code
  2. In Google Sheets → Extensions → Apps Script
  3. Create a new HTML file named "FloatingBox.html"
  4. Paste the HTML code
  5. Copy the Code.gs and paste it in your main script file
  6. Ensure a sheet named as specified (e.g., "Stock") exists with columns: Item Code, Description, Price, Quantity, Min Quantity
  7. Run the showFloatingBox() function!

Clicky