Generate pages numbers any idea?
Hi Guys! I've found a way to achieve my goal! CSS property! here's my working code (you can call pagination tag as you want). Source: https://www.pagedmedia.org/paged-js/ HTML: <pagination class="text-right paginating">Pag </pagination> CSS
Read full answer below ↓Question
Hi, guys I'm creating a doc generator through grapesjs, I'd like to insert page numbers like "Page 1 of 5" at the bottom of each page. My starting template have a wrapping class called .page actually I'm able to clone one page under one other to get more pages. Do you have any idea, how can i implement this feature ?
Thank you!
Answers (2)
Hi Guys! I've found a way to achieve my goal! CSS property! here's my working code (you can call pagination tag as you want). Source: https://www.pagedmedia.org/paged-js/ HTML: <pagination class="text-right paginating">Pag </pagination> CSS
Thanks for reporting this, @devtechk. Great suggestion about Generate pages numbers any idea?! While this specific feature isn't yet in the core API, there are several ways to achieve similar behavior. Using the event system: Alternative approaches: Listen to selector:add for CSS selector changes U...
Related Questions and Answers
Continue research with similar issue discussions.
Issue #3145
FEAT: how to edit a button if the button has an action (opening a modal window)?
I have a html template. the html template has a button. when you click on the button, an event occurs (opening a modal window). Is it possi...
Issue #3312
FEAT: Make side panel's width to 20%
What are you trying to add to GrapesJS? The side panel looks scrunched. Unless you've got a big desktop, I'd rather not have images from th...
Issue #3208
Using GrapesJS Without NPM?
Hey there, Is it possible to use the web builder features on a normal hosting provider without npm? say apache or other solutions? Thank yo...
Issue #3327
Is there a way to keep VML code in CSS to keep some of the styles away from Outlook?
Hi. When I try to generate a newsletter template out of an existing HTML code with some VML wrapping <style> tags, the existing styling cla...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins →Premium plugins ship with support, regular updates, and production-ready features — save days of integration work.
Browse premium plugins →Related tutorials
In-depth guides on the same topic.
Tutorial
Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉
We’re excited to announce the v 0.1.5 update of Super Tooltip, our floating‑menu and tooltip plugin for GrapesJS
Tutorial
GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework
Master GrapesJS in 2026. Architecture, code examples, React integration, plugin development, Studio SDK, and how it compares to other projects
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.