Generate pages numbers any idea?
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 (1)
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
body {
counter-reset: pagination;
}
pagination {
counter-increment: pagination;
}
pagination::after {
content: counter(pagination)
}
Related Questions and Answers
Continue research with similar issue discussions.
Issue #626
Placing non-editable HTML around wrapper
My CMS works like this: sites can have one theme and many templates under that theme. Themes are rendered on every page, and templates are...
Issue #2719
[QUESTION] How can I mark a class name as protected or private in a component.
Hi team, First let me thank you all for creating this wonderful library. You guys are awesome. I want to disable editing a specific class n...
Issue #2342
[Feature request] Localisable component text based on page language
It would be great to create pages that would share the component layout, but allow to edit text for each component based on language value...
Issue #2781
Unable to Press Space Within Button Componet
Hi Guys, I have a button component, it lets me edit the text, but doesn't let me type a space ' '. Though you can copy and paste one in. I...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.