Checklist By Alvis
  • Checklist introduction
  • HubSpot Installation
  • Widget
    • Widget installation
    • Show or hide checklist on URL changes
    • Show checklist manually
    • Embed checklist on a page
    • Hide checklist launcher
    • API Callback Methods
  • Why my checklist isn't acting correctly?
  • Checklist item actions
    • URL action
  • Complete checklist items
  • Add images in item detail
  • Customize checklist location
  • Customize embedded checklist UI
    • Default Checklist Scss File
  • Content Security Policy
  • How to set up multiple checklists in sequential order
  • What happens when trial ends?
  • How to uninstall
Powered by GitBook
On this page

Was this helpful?

Customize checklist location

If you want the checklist launcher to show at different locations other than the preset locations we have, you can add CSS style to do it.

For example, here's the CSS style code to show the launcher at the top right position:

#alvis-nbcl-launcher { 
  top: 60px !important; 
  bottom: auto !important; 
  right: 10px !important; 
}
#alvis-nbcl-container.alvis-nbcl-container--open #alvis-nbcl-wdt { 
  right: 10px !important; 
  z-index: 2147483600; 
}

You can tweak this code to suit your need.

PreviousAdd images in item detailNextCustomize embedded checklist UI

Last updated 2 years ago

Was this helpful?