Documentation

The Canvas design

The Canvas designUniSoftCo

The shapes, the chrome and the layouts the Canvas design declares.

Everything below is declared by the Canvas design itself, so it is true of this deployment rather than of a manual.

What it can draw

A design draws only the families it declares. One that does not name an addon simply has no components for it — a news template has no shop.

  • Accounting
  • Articles
  • Assistant
  • Authentication
  • Basic
  • Commerce
  • Courses
  • Ecommerce
  • Management

Its top and its bottom

12 headers to choose between:

  • Light
  • Dark
  • Top bar, boxed
  • Transparent dark
  • Semi-transparent
  • Semi-transparent dark
  • Masthead
  • Top bar, transparent
  • Top bar, compact
  • Standard
  • Top bar, over the hero
  • No header

3 footers to choose between:

  • Detailed
  • Plain
  • No footer

The shapes it offers

Where a component can be drawn more than one way, these are the shapes this design offers and what each is for.

Articles.List

  • More from the open article's category (any) It cannot use: categoryId, pager — so the composer does not offer them here.

Assistant.Chat

  • In the page

Basic.Banner

  • A strip across the page, picture only
  • Full height, the second line turning
  • Three quarters, the words at the side

Basic.Html

  • Card
  • Full-width band

Basic.Slider

  • Full height, the words inside the picture
  • The original slider

Courses.List

  • The original course list It cannot use: bare, heading — so the composer does not offer them here.

Management.Buy

  • The panel on its own, full width It cannot use: appTitle, appLede, appUrl, aboutTitle, aboutLede, aboutUrl, serverPlans — so the composer does not offer them here.

How a page can be divided

A layout is how one page is divided. Every one of them has a band above the page and an area under it, whatever happens in the middle.

One column

  • Above the page — 12 of twelve wide
  • Content — 12 of twelve wide
  • Under the page — 12 of twelve wide

A narrow column

  • Above the page — 12 of twelve wide
  • Content — 8 of twelve wide
  • Under the page — 12 of twelve wide

Content, then sidebar

  • Above the page — 12 of twelve wide
  • Content — 9 of twelve wide
  • Sidebar — 3 of twelve wide
  • Under the page — 12 of twelve wide

Sidebar, then content

  • Above the page — 12 of twelve wide
  • Content — 9 of twelve wide
  • Sidebar — 3 of twelve wide
  • Under the page — 12 of twelve wide

Two equal columns

  • Above the page — 12 of twelve wide
  • Content — 6 of twelve wide
  • The second column — 6 of twelve wide
  • Under the page — 12 of twelve wide

Three columns

  • Above the page — 12 of twelve wide
  • Content — 6 of twelve wide
  • Left column — 3 of twelve wide
  • Right column — 3 of twelve wide
  • Under the page — 12 of twelve wide

Article page

  • Above the page — 12 of twelve wide
  • Content — 9 of twelve wide
  • Sidebar — 3 of twelve wide
  • Under the page — 12 of twelve wide

Comments

Nobody has written yet. Be the first.

This article is not taking comments.