Socotra
ConfigurationConfigurable UI (Beta)

Details Page

The details page (policyDetails, shown as Policy Details) is a read-only strip of tabs that users can open in any order. It never changes data, so there are no per-tab buttons and no read-only flag to set. It is set in the product's pages:

{
	"policyDetails": {
		"tabs": [
			{
				"name": "Policy Details",
				"sections": [
					{
						"title": "General Policy Details",
						"include": ["data.submissionDate", "startTime", "endTime"]
					},
					{ "title": "Transactions", "type": "transactions" }
				]
			},
			{ "type": "divider" },
			{
				"name": "Dwelling Details",
				"elementName": "HO3Dwelling",
				"sections": [
					{
						"title": "Property Highlights",
						"include": ["data.censusBlockGroup"]
					}
				]
			},
			{
				"name": "Pricing",
				"sections": [{ "title": "Pricing", "type": "pricing-review" }]
			}
		],
		"menu": {
			"buttons": [
				{ "type": "change" },
				{ "type": "renew" },
				{ "type": "cancel" },
				{ "type": "reinstate" }
			]
		}
	}
}
  • Tabs use the same section properties as editor steps. See Sections and Layout.
  • { "type": "divider" } groups tabs visually.
  • elementName scopes a tab to one exposure, such as the dwelling.
  • The policy actions menu (change, renew, cancel, reinstate) is authored once here and shown across the policy's pages, including Policy 360.

Control tab visibility with scope for now, not with role or data conditions. The details page is resolved without the entity's data or the user's roles, so those conditions don't apply reliably.

Next Steps

See Also

On this page