Pano2VR 7.1 Docs / custom property

Custom Property

Custom properties provide extra text input fields or properties that can be targeted by the skin.

If a project requires more User Data fields, or more Hotspot properties, then use custom properties. Custom Properties will appear in the skin as variables.

For example, a User Data custom property can provide more information for a node. They will get applied to the skin as variables and can be used like any other variable.

Add Custom Properties

Custom properties give you extra fields or properties that can be targeted by the skin. In this example, we’ll add a property for Price in User Data.

  1. Click the green plus to add a Custom Property.
  2. Fill out the Properties. Provide a description for the property. This will be visible as a label in User Data. Give it a variable name. This will appear in the variables list in the Skin Editor and can be anything you like. The Type for this property will be Text. Leave the default value blank.
  3. Copy this to all nodes.
  4. For each node that has this property, fill out the Price
  5. Add a Web Output.
  6. Click the Edit Skin button to add a skin or to open the selected skin.

When a skin opens from the Web Output, this property will be added to the skin as a variable. Now, this property will have its own placeholder and the text can change dynamically based on this property.

Custom Properties are added to the skin as variables.
Custom Properties are added to the skin as variables.

Using Custom Properties

Now that the custom property has been added to the skin, we can add the variable to a text box to so the content of the custom property.

Custom Property as a variable in the skin and it’s source in User Data.
Custom Property as a variable in the skin and it’s source in User Data.

  1. In the skin, add a Text Box.
  2. In the Text Box’s properties, add the text, Price:. Then add the price variable.
    Go the variables placeholder and add the Price variable.
    Go the variables placeholder and add the Price variable.

    .

  3. Save the skin. On output you’ll see that the text box is now populated with the value added to the custom property.

See also…

Last modified: Feb 13, 2024