Toggle navigation
Home
▼ Details
Products and pricing
Chart gallery
User stories
Text analytics
CDC NAMCS Library
Blog
Tutorials
Contact
Sign in
Post Editor
← All help posts
View post
Save
Use the Element properties dialog to change element labels and calculate ratios. <img src="/uploads/upload/image/5200/direct/1669754038201-1669754038201.png" alt="Element properties dialog showing editable fields for configuring an element named 'Q1'. The form displays various properties including key, displayKey, headline, title, and advanced settings like field mappings, data transformations, and display options." style="width: 366px;" class="fr-fic fr-dib"> By default, Protobi assumes each element corresponds to a data column with the same name as the element's **key** attribute, and uses that value directly. But it's possible to override this in many ways. Access the Advanced properties dialog by pressing on the element icon and choosing "More properties": <img src="/uploads/upload/image/5200/direct/1577725384313-1577725384313.png" alt="Context menu showing various element operations, with 'More properties...' option highlighted in red at the bottom. The menu includes options for copying, rounding, statistics, color, format, recode, filters, compacting, display settings, transformations, and chart type." style="width: 283px;" class="fr-fic fr-dib"> | Attribute | Value | Description | | --- | --- | --- | | #### **key** | String | Unique identifier for this element | | #### **displayKey** | String | Label to use in place of **key** for display | | **headline** | String | Text describing key point of the element | | #### **title** | String | Text for longer descriptive title | | #### **footnote** | String | Text for footnote | | #### **type** | Choice | string|number|date|empty | | #### **field** | String | Name of data column to use as a data source for this element (defaults to **key**). If specified, the value is read directly from that data column. | | #### **element** | | Name of an element to use as a data source for this element. If specified, data is interpolated from that element, after applying its coding, transforms, etc. | | #### **children** | String | List of child elements, separated by commas. | | #### **string** | Choice | Choose a casing method for displaying strings: lower case, UPPER case, Sentence Case, and camelCase. | | This method just uses lodash methods. identity: Hey! Tonight, we're headed to Plough & Star for a pint. upperFirst: Hey! Tonight, we're headed to Plough & Star for a pint. startCase: Hey Tonight Were Headed To Plough Star For A Pint lowerCase: hey tonight were headed to plough star for a pint upperCase: HEY TONIGHT WERE HEADED TO PLOUGH STAR FOR A PINT toLower: hey! tonight, we're headed to plough & star for a pint. toUpper: HEY! TONIGHT, WE'RE HEADED TO PLOUGH & STAR FOR A PINT. camelCase: heyTonightWereHeadedToPloughStarForAPint kebabCase: hey-tonight-were-headed-to-plough-star-for-a-pint snakeCase: hey_tonight_were_headed_to_plough_star_for_a_pint capitalize: Hey! tonight, we're headed to plough & star for a pint. #### **col** | String | Unique identifier of crosstab banner column(s) | | #### **split** | String | Delimiter to split values for this element. For example "," will split a comma-delimited string into a multiple-response array. The special value "json" will parse the value as a JSON string. | | #### **scale** | String or number | Numeric value or name of data column by which to multiply the value of this element. E.g. 100 will convert fractions between \[0,1\] to percents \[0,100\] | | #### **denominator** | String or number | Numeric value or name of data column by which to divide the value of this element. This can be used to calculate on element as a ratio of another. | | #### **weight** | String or number | Numeric value or name of data column by which to weight the frequency of this element. | | #### **maxValue** | Number | Reference value by which to scale bars for this element. Useful when compacting to means, so that bars can be drawn for means relative to a some value. | | #### **showMissing** | Choice | Show or hide missing values. **Yes** means always, **No** means never, and **(default)** means use current setting from \[NA\] button in toolbar | | #### **showPercent** | Choice | Show or hide the % sign in frequencies. | | #### **editorOnly** | Choice | Show or hide the tab from users with "View" access only. | | #### **valueFormat** | String | Display format for this element's values using [d3 format notation](https://github.com/d3/d3-format). E.g. "0%" will display fractions like 0.24 as percentages e.g. "24%" Use "0f" when you want to show an integer without decimals. | ##
Publishing
Date
Status
Published
Draft
Slug
edit
Content
Thumbnail
Categories
Manage
New to Protobi?
Charts
Making Changes
Intermediate topics for editors
Frequently Asked Questions
SERMO Topics
Tutorial Pages
Internal Docs
Data Processing
Videos
Obsolete
GSG Admin
SERMO Admin
GSG Topics
How to...
Basics for viewers
Basics for editors
For project admins
Advanced topics
Assessments
Articles (in-progress)
New and updated articles
Process data in Protobi
superseded
Text open-end questions
Troubleshooting
Tracking studies
Organizing the view
API References
Tools
AI Database
Checking AI...
Convert to MD
Danger zone
Delete