Adds the ability to overlay shapes & guide-lines on Smartsheet's dashboard editor to assist with more consistent widget placement.

Latest Version

Version

1.0.1

Update

February 5, 2023

Size

25.81KiB

Developer

Smartsheet Dashboard Overlay Extension

NOTE: You may need to restart your browser after installing this extension for the menu to appear with all the correct icons.

This extension will add an icon while using Smartsheet Dashboard Editor that will allow you to overlay shapes over the dashboard's grid. This can allow you to create gridlines or outlines for common item placement, and assist you with more easily placing your dashboard widgets in a consistent way.

PLEASE NOTE:
This extension is not officially developed by Smartsheet or maintained by them.

Usage Instructions:
The extension will add a new icon to the right sidebar of Smartsheet's dashboard editor. Clicking on it will open a panel that allows you to enable or disable different overlays for the dashboard's grid. Clicking the More ( ⋮ ) button at the top of the panel will open the extension's settings page, where you can add custom layouts - instructions for this are included on this page.

Alternatively, you can click the extension icon in Chrome to immediately add the grid layout to the dashboard editor. This is included in case future changes to Smartsheet's dashboard editor break the functionality of the side panel.

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"name": "Smartsheet Dashboard Overlay",\t"description": "Adds the ability to overlay shapes & guide-lines on Smartsheet's dashboard editor to assist with more consistent widget placement.",\t"version": "1.0.1",\t"manifest_version": 3,\t"icons": {\t\t"16": "images/tictactoe-16.png",\t\t"48": "images/tictactoe-48.png",\t\t"128": "images/tictactoe-128.png"\t},\t"action": {\t\t"default_title": "Click to add grid",\t\t"default_icon": "images/tictactoe.png"\t},\t"options_page": "pages/options.html",\t"permissions": ["activeTab", "scripting", "storage"],\t"background": {\t\t"service_worker": "background.js"\t},\t"content_scripts": [\t\t{\t\t\t"css": ["css/grid-helper-style.css"],\t\t\t"matches": ["https://app.smartsheet.com/*"]\t\t}\t],\t"host_permissions": ["https://app.smartsheet.com/dashboards/*"],\t"web_accessible_resources": [\t\t{\t\t\t"resources": ["images/grid.svg", "css/grid-helper-style.css"],\t\t\t"matches": ["https://app.smartsheet.com/*"]\t\t}\t]}

Download CRX(25.81KiB)