[Paid] PdfWebView Extension: PDF Viewer with Colorful Loading Spinner
Description
PdfWebView is a premium Kodular extension for seamless PDF and web content viewing. It uses Google Docs Viewer with PDF.js fallback for reliable PDF rendering and features a sleek loading overlay with a color-changing spinner (red, blue, yellow, green, sky blue). Ideal for educational apps, document viewers, or web-based projects.
Price: $5 USD or INR 200-500/- (Whatever you can afford)
Released On: Sep 8, 2025
Size: ~450 KB (replace with actual size)
Explanation
PdfWebView enhances Kodular’s WebView by handling PDFs and webpages with ease. It auto-detects PDFs, supports dynamic URL updates, and displays a translucent overlay with a spinning, color-changing indicator and “Please wait, page is loading…” text during loads and it integrates perfectly with Kodular layouts.
Features
- PDF Rendering: Auto-detects PDFs and show inside.
- Loading Overlay: Translucent blur with color-changing spinner and text.
- Colorful Spinner: Cycles through red, blue, yellow, green, sky blue.
- White Background: Clean WebView appearance.
- Dynamic URLs: Load URLs via designer or blocks.
- Zoom & Scrollbars: Toggle zoom and scrollbars.
- Layout Support: Works in Vertical/Horizontal Arrangements.
How to Use (Block Steps)
- Add to Layout:
- Block: AddToLayout
- Parameters: layout (component, e.g., VerticalArrangement1)
- Example: Call PdfWebView1.AddToLayout layout: VerticalArrangement1
- Set Initial URL:
- Block: HomeUrl (setter)
- Parameters: url (text, e.g., “https://example.com/sample.pdf”)
- Example: When Screen1.Initialize Set PdfWebView1.HomeUrl to “https://example.com/sample.pdf”
- Toggle Zoom/Scrollbars:
- Blocks: ZoomEnabled, ScrollbarEnabled (setters)
- Parameters: enabled (boolean)
- Example: Set PdfWebView1.ZoomEnabled to true
- Load New URL:
- Block: LoadNewUrl
- Parameters: url (text)
- Example: When Button1.Click Call PdfWebView1.LoadNewUrl url: “https://example.com/new.pdf”
- Get Current URL:
- Block: HomeUrl (getter)
- Return: text
- Example: Set Label1.Text to PdfWebView1.HomeUrl
Use Cases
- Educational Apps: Display PDFs like e-books or notes.
- Document Viewers: View contracts or reports.
- Web Apps: Load dashboards with a smooth overlay.
Screenshots
Demo Video
https://www.youtube.com/watch?v=6Eny2hc9Nto
To Purchase
PdfWebView v1
Price: $5 USD or INR 200-500/- (Whatever you can afford)
- Send me a DM
- Contact me on Telegram: View @ek_rahgir
Installation
- Import .aix via Kodular’s Extensions tab.
- Add PdfWebView to a layout.
- Configure properties or use blocks to load URLs.
Feedback
Try PdfWebView and share your feedback or suggestions below! Your support drives more premium extensions.
Changelog
- v1 (Sep 2025): Added blur overlay, color-changing spinner, fixed URL loading, white background.
