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. Therefore, 

Requirements / Permissions

Before before you begin building your page blueprint, you'll want to consider the substitution fields you'll want to employ.Requirements / Permissions:Once you're familiar

 
  • substitution fields, and the basics of
blueprints, you can begin creating a page blueprint. 
  • blueprints
  • consider the substitution fields you'll want to employ
  • make sure
You will need to have the 
  • Brikit Blueprint Maker
 app and
  • you have administrative permissions

  in order to create a blueprint.

Content Block
nameSteps
rich-link-hoverstrue
id494842117
classsteps-block numbered manual-steps-flex
  • Create a page that will become a blueprint
  • Define the blueprint in the pageBlueprints object in the json file
    • Name
    • 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 when building the blueprint
    • Description
      • Appears below the blueprint name in the Blueprint Menu
  • Define each substitution field in the blueprintFields object in the json file
    • 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