Create your Page BlueprintLearn about creating a Page Blueprint. Use a substitution field in the place where you want your user's picklist selection to go. For example, let's say our Blueprint is an Employee Profile page and we want users to select from a given list of titles. We might then add a [[employee-title]] substitution field under their name and image on the blueprint. Access your Blueprint JSON DefinitionRead more about Accessing and Editing the JSON File. Set the "type" to "list", and add the "values" attribute to the blueprintField objectAdd a new line to your Blueprint Field object definition, as seen in the code snippet below. The values for the "values" attribute will be the options displayed to the user. This is an array of items in quotations. Inside the quotes can be any set of characters including special characters, but note that you may need to "escape" slashes, apostrophes, and quotations using a "\" character in front of it. Code Block |
---|
| "blueprintFields" : [
{
"id" : "employee-title",
"name" : "Employee Title",
"type" : "list",
"required" : true,
"helpText" : "Select an employee title from the list.",
"values" : [ "Magician", "Pipe Fitter", "Systems Analyst", "Knacker", "Shark Tamer", "Saxophonist", "Other" ],
},
...
] |
That's It!Test your Blueprint by creating a page from it. The options shown should be those defined in the "values" array (in our example: "Magician", "Pipe Fitter", etc.). The selected option should display on your page wherever its substitution field was placed Use h4 for section headingsIf you don't want numbers in the section headings, simply remove the "numbered" class from this block. Note/Tip/Warning/Info blocks below are collapsed by default. If you want to use any of these, try to keep to just one per page. You may use two if necessary, but in general, try to limit these. |