BrainGrid Controller
Window creation
Edit Property

Editing Properties of Pages, Wrappers, and Input Fields

This documentation details the process of editing properties for pages, wrappers, and input fields within the window creation canvas.

Editing Properties of a Page

Users can update the title, placeholder, and label position of a page in the window creation canvas.

Example:

Given a user named "John Doe" is on the window creation canvas with pages "Default Page," "Hidden Page," and "Additional Info":

  • Action: John Doe edits the title of "Additional Info" page to "Contact Information."
  • Action: John Doe edits the placeholder of "Additional Info" page to "Enter contact information here."
  • Action: John Doe changes the label position of "Additional Info" page to "Top."
  • Result: The title of "Additional Info" page is updated to "Contact Information". The placeholder is updated to "Enter contact information here". The label position is set to "Top".

Editing Properties of a Wrapper

Users can modify the title, placeholder, and label position of a wrapper in the window creation canvas.

Example:

Given a user named "John Doe" is on the window creation canvas with a wrapper named "Contact Details":

  • Action: John Doe edits the title of the wrapper to "Personal Information."
  • Action: John Doe edits the placeholder of the wrapper to "Enter personal details."
  • Action: John Doe changes the label position of the wrapper to "Left."
  • Result: The title of the wrapper is updated to "Personal Information". The placeholder is updated to "Enter personal details". The label position is set to "Left".

Editing Properties of an Input Field

Users can adjust the title, placeholder, and label position of an input field.

Example:

Given a user named "John Doe" is on the window creation canvas with an input field named "Email":

  • Action: John Doe edits the title of the input field to "Email Address."
  • Action: John Doe edits the placeholder of the input field to "Enter your email."
  • Action: John Doe changes the label position of the input field to "Right."
  • Result: The title of the input field is updated to "Email Address". The placeholder is updated to "Enter your email". The label position is set to "Right".