Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Content Layer
namePage Info
id278129461
classwatermark-layer
Content Column
namePage Body
width100.00001%
id278129463
Content Block
background-colortransparent
namePrompt
id494677873
classtight manual-prompt-flex

How to create a blueprint at the page level.

Content Block
nameOutcome
rich-link-hoverstrue
id1042866408
classtight manual-outcome-flex

The value and power of page blueprints comes from the ability to ask the user to populate a given substitution field, and then populating that field throughout the blueprint

HTML Wrap
classcallout

Requirements / Permissions

Before you begin building your page blueprint, you'll want to:

of

  • of blueprints
  • consider the substitution fields you'll want to employ
  • make sure Brikit Blueprint Maker

is


 

Content Block
nameSteps
rich-link-hoverstrue
id494842117
classsteps-block numbered manual-steps-flex
  • Create the page that will become a page blueprint
  • Define the blueprint in the pageBlueprints object in the json file by populating:
    • Name (A human-readable name)
    • Description (Appears below the blueprint name in the Blueprint Menu)
    • Space Key (The key of the space where the blueprint page resides)
    • Page Title Name of the blueprint page
    • Blueprint Fields (List of the substitution fields used in the blueprint)
      • Both built-in and custom fields
        • Not required, but useful
        • Sets the order the fields will appear in the Wizard
    • Include Children (toggles whether child pages will be included in the blueprint)

  • Define each substitution field in the blueprintFields object in the json file by populating:
    • ID (A unique ID for the field)

    • Name (A human-readable name)

    • Required (A toggle for whether the field is required)

    • Type (Defines the length of the field)

    • Help Text (Additional text to assist the user in filling out the field - appears below the data-entry field in the blueprint wizard)

    • Placeholder (Default text in the field)

Content Block
nameNote
rich-link-hoverstrue
id495965127
classmanual-note-flex
collapsiblecollapse
Note

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the Steps block above to narrow the gap between the two blocks.
Content Block
nameTip
rich-link-hoverstrue
id894522670
classmanual-tip-flex
collapsiblecollapse
Tip

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
nameWarning
rich-link-hoverstrue
id894530759
classmanual-warning-flex
collapsiblecollapse
Warning

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Block
nameInfo
rich-link-hoverstrue
id894537203
classmanual-info-flex
collapsiblecollapse
Info

If using:

  1. Replace me with something to note about this how-to entry that falls outside the scope of all other sections; and
  2. Add the tight-bottom class to the next visible/non-collapsed block above this one to narrow the gap between the two blocks.
Content Layer
background-color$lightGrayColor
nameRelated
id888168050
Content Column
nameRelated
width100%
id888168051
Content Block
rich-links-hide-descriptiontrue
rich-link-hoverstrue
rich-links-columns4
rich-links-verticaltrue
rich-links-image-height100px
rich-links-hide-site-icontrue
rich-links-details-padding10px
nameRelated
rich-links-enabletrue
border-width0
rich-links-details-alignmentleft
rich-links-margin20px 30px 0 0
id496234544
classrelated-block clean manual-related-flex