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

TODO

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

Replace me with a more complete explanation of what this how-to accomplishes.

Content Block
nameSteps
rich-link-hoverstrue
id494842117
classsteps-block numbered manual-steps-flex

Create a Targeted Search Filter Group

Learn about creating Filter Groups. If you have already created a filter group, take note of its exact name. This will be used in the Blueprint JSON later to identify the Filter Group.

Create your Page Blueprint

Learn about creating a Page Blueprint.

Define a pick-list in your Blueprint JSON

Learn about Using a Picklist of Options in a Blueprint.

Access your Blueprint JSON Definition

Read more about Accessing and Editing the JSON File.

Add the "filterGroup" attribute to the JSON

Add a new line to your Blueprint Field object definition as follows. Please note that the "filterGroup" value is the name of the Filter Group, in quotations.

Code Block
languagejs
"blueprintFields" : [
			{
			"id"			: "office-location",
			"name"			: "Office Location",
			"required"		: true,
			"type"			: "list",
			"filterGroup"	: "Offices",
			"multiselect"	: false,
			"addLabels"		: true,
			"helpText"		: "Select your office location from the list."
		},
		...
]

Re-Upload your JSON to the Blueprint Definition Page

That's it!

You may now create a page from this blueprint. Check to see that the pick-list options are correct, and that the label was applied to the resulting page.


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