Skip to content

Settings

Dave Stewart edited this page Mar 30, 2017 · 12 revisions

The settings page allows you to configure what Sketchpad takes in and puts out.

Paths

The paths section allows to configure your main project input. All paths are root-relative locations to folders in your project.

Controllers

By defaults, Sketchpad comes configured with 3 controller folders, which show in the main Sketchpad UI:

controllers

Each folder can be reordered, toggled or deleted (Careful! There is no undo) and you can add new folders too.

Views and Assets

These folders provide locations to store and retrieve custom assets:

views and assets

You can load Blade templates from your views/ folder using the special package syntax view('sketchpad::somefile')

Script and style files you place in your assets/ folder will be available to be loaded into the main Sketchpad UI (see next section).

Assets

Sketchpad allows you to load custom assets into the main Sketchpad UI, to perhaps interact with back end code, or even modify the UI.

Simply list assets locally (using the special /sketchpad/user/ path, or globally, perhaps using a CDN:

assets

Note that user assets are loaded via a binary passthrough, and not directly from the filesystem.

Live Reload

Sketchpad Reload is Node module that provides file watching and live-reloading capability to Sketchpad.

Full installation and configuration information is available on its GitHub page.

However, its settings UI looks like this:

sketchpad reload

UI

Finally, you can update various front end components using the UI controls provided at the bottom of the settings page.

Clone this wiki locally