Stacks
Installation, configuration, updates, and troubleshooting for stackswork components built for Stacks App.
Troubleshooting TotalDropdown and improving accessibility
Resolve empty choices, wrong sources, missing submitted values, validation, styling, and keyboard or labeling problems in TotalDropdown.
Building single- and multi-select form controls
Create dropdowns, radio buttons, chip-style multi-selects, or checkboxes and configure their form names, labels, placeholders, and validation.
Choosing the Total CMS 1 data source and field
Load TotalDropdown choices from the current Total CMS 1 blog post or a selected Blog ID and choose the field used for option text.
Getting started with TotalDropdown
Connect TotalDropdown to Total CMS 1, add it to a Foundation 6 form, and submit a first CMS-powered selection.
Troubleshooting SocialDock and improving accessibility
Resolve incorrect share URLs, unsupported native actions, broken links, visibility, tracking, icon, and responsive layout problems.
Styling SocialDock layouts, labels, and icons
Control SocialDock alignment, spacing, stacking, width, shape, labels, icon sizes, borders, brand colors, and light or dark themes.
Configuring Share and Link items
Choose built-in share services and actions, create profile or custom links, set URL templates, targets, rel options, and UTM fields.
Getting started with SocialDock
Build a first SocialDock with share and profile-link items, choose labels and visibility, and test the published actions.
Troubleshooting Paginator and improving accessibility
Resolve incorrect page counts, layout gaps, scrolling, multiple-instance, and mobile-navigation problems in Paginator.
Configuring navigation, scrolling, animation, and styling
Control Paginator item count, bar position, scroll offset, item animation, colors, borders, blur, shadows, and interface labels.
Paginating grids, Feeds, and Total CMS lists
Use Paginator with Column Pro, Block Grid, Bento Mason, Feeds, and Total CMS 1 or Total CMS 3 blog-list content.
Getting started with Paginator
Add Paginator around a supported content layout, choose the number of items per page, and test desktop and mobile navigation.
Troubleshooting DotFlow and improving accessibility
Resolve empty, uneven, unreadable, or resource-heavy DotFlow banners and make moving content easier to understand.
Controlling motion and dot-matrix rendering
Tune DotFlow speed, direction, spacing, color treatment, typography, dots, image pixelation, glow, and crispness.
Adding child stacks and Total CMS 3 content
Combine manual text, links, and images with child stacks, or generate a DotFlow stream from Total CMS 3 content.
ZapNap
ZapNap Stack
Using ZapNap across pages and troubleshooting
Control ZapNap on selected pages or across a site, and resolve common preview, visibility, and layout problems.
Designing the ZapNap maintenance overlay
Configure ZapNap backgrounds, cards, messages, spacing, borders, and animations for a clear maintenance page.
Getting started with ZapNap
Add ZapNap, prepare a clear maintenance message, publish safely, and reopen the page when the work is complete.
Using Stealth Preview in ZapNap
Open a private preview of a published ZapNap page while regular visitors continue to see the maintenance overlay.
Atlas
Atlas comparison table Stack
Troubleshooting Atlas and improving accessibility
Fix common Atlas layout problems and configure clear ARIA labels for table, card, and slider comparison views.
Styling cards and headers in Atlas
Style Atlas cards, headers, spacing, colors, typography, borders, and shadows while keeping the comparison easy to scan.
Choosing responsive layouts in Atlas
Choose table, static card, or slider behavior in Atlas and tune columns, steps, peek, gap, and dots for different screen widths.
Getting started with Atlas
Build your first Atlas comparison with child stacks, structured rows, headers, prices, badges, images, icons, and buttons.
Lucide
Lucide icon Stack
Troubleshooting Lucide icons and accessibility
Fix visible icon codes, missing icons, styling and alignment issues, and use Lucide icons accessibly.
Styling, linking, and aligning Lucide icons
Control Lucide icon size, color, stroke, transforms, alignment, hover behavior, links, and custom list bullets.
Using inline Lucide icons and the Code Helper
Use Lucide’s inline syntax, searchable icon catalog, Code Helper, and Ready Code for icons inside page content.
Getting started with Lucide
Choose Icon or Code Loader mode in Lucide, add your first SVG icon, and use the catalog and helper tools.
MapMax
MapMax map Stack
Troubleshooting MapMax and improving accessibility
Resolve missing maps, markers, filters, custom icons, and focus problems, and make location content easier to use.
Configuring MapMax sidebars, filters, markers, and popups
Configure the MapMax location list, search and filters, marker styles, map focus, popups, and navigation actions.
Adding locations from manual data, CSV, and Total CMS
Structure MapMax locations consistently when using child stacks, a CSV file, Total CMS, or the optional Feeds Stack.
Getting started with MapMax
Add your first MapMax map, choose a data source, configure its layout, and verify the published result.
PDF FirstLook
PDF FirstLook preview Stack
Troubleshooting PDF FirstLook, caching, and accessibility
Resolve missing or stale PDF previews, incorrect pages, navigation and button problems, and improve document accessibility.
Styling the preview, lightbox, and PDF action button
Style the generated PDF preview, control bar, lightbox, and Download, Show, or External action for desktop and mobile.
Configuring multi-page previews, page flip, and the control bar
Choose single-page or book mode, slide or 3D page turns, and configure navigation, page counters, jump controls, swipe, and keyboard input.
Getting started with PDF FirstLook
Connect a same-domain PDF, create its first browser-generated preview, add useful ALT text, and choose the public action.
BlogClone
BlogClone workflow for duplicating Total CMS 1 blog posts
Troubleshooting BlogClone and protecting your content
Resolve permalink, blog ID, redirect, and media-copy problems while keeping your Total CMS 1 content protected.
Copying the main image and gallery
Control whether BlogClone copies the source post’s main image and gallery, then verify the cloned media before publishing.
Cloning a post and choosing the target blog
Choose the correct source and target blog IDs, set a unique permalink, and control where BlogClone opens the new post.
Getting started with BlogClone
Install BlogClone, prepare a safe backup, connect it to Total CMS 1, and make your first controlled copy of a blog post.
DotFlow
DotFlow marquee content, motion, styling, and troubleshooting
Troubleshooting DotFlow and improving accessibility
Resolve empty, uneven, unreadable, or resource-heavy DotFlow banners and make moving content easier to understand.
Controlling motion and dot-matrix rendering
Tune DotFlow speed, direction, spacing, color treatment, typography, dots, image pixelation, glow, and crispness.
Adding child stacks and Total CMS 3 content
Combine manual text, links, and images with child stacks, or generate a DotFlow stream from Total CMS 3 content.
Getting started with DotFlow
Build a first DotFlow marquee with child content, set its separator and motion, and preview the result before publishing.
Paginator
Paginator setup, supported content, navigation, styling, and troubleshooting
Troubleshooting Paginator and improving accessibility
Resolve incorrect page counts, layout gaps, scrolling, multiple-instance, and mobile-navigation problems in Paginator.
Configuring navigation, scrolling, animation, and styling
Control Paginator item count, bar position, scroll offset, item animation, colors, borders, blur, shadows, and interface labels.
Paginating grids, Feeds, and Total CMS lists
Use Paginator with Column Pro, Block Grid, Bento Mason, Feeds, and Total CMS 1 or Total CMS 3 blog-list content.
Getting started with Paginator
Add Paginator around a supported content layout, choose the number of items per page, and test desktop and mobile navigation.
SocialDock
SocialDock share and link items, responsive styling, tracking, and troubleshooting
Troubleshooting SocialDock and improving accessibility
Resolve incorrect share URLs, unsupported native actions, broken links, visibility, tracking, icon, and responsive layout problems.
Styling SocialDock layouts, labels, and icons
Control SocialDock alignment, spacing, stacking, width, shape, labels, icon sizes, borders, brand colors, and light or dark themes.
Configuring Share and Link items
Choose built-in share services and actions, create profile or custom links, set URL templates, targets, rel options, and UTM fields.
Getting started with SocialDock
Build a first SocialDock with share and profile-link items, choose labels and visibility, and test the published actions.
TotalDropdown
TotalDropdown data sources, form controls, styling, validation, and troubleshooting
Troubleshooting TotalDropdown and improving accessibility
Resolve empty choices, wrong sources, missing submitted values, validation, styling, and keyboard or labeling problems in TotalDropdown.
Building single- and multi-select form controls
Create dropdowns, radio buttons, chip-style multi-selects, or checkboxes and configure their form names, labels, placeholders, and validation.
Choosing the Total CMS 1 data source and field
Load TotalDropdown choices from the current Total CMS 1 blog post or a selected Blog ID and choose the field used for option text.
Getting started with TotalDropdown
Connect TotalDropdown to Total CMS 1, add it to a Foundation 6 form, and submit a first CMS-powered selection.