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
When you open a Protobi project you see how the app displays data in an interactive view. This tutorial shows some functions of Protobi associated with basic navigation. To see a demo project, check out the [Example Pharma Survey](https://app.protobi.com/v3/datasets/5a5fa2dd136a3a0004b461d0). Navigation components: - **Tabs** (top level groups/elements) with each question appearing as an interactive chart - A **tree** with all groups and elements organized into a compact view - A **toolbar** with buttons that modify the data view - **Editor panel** and **context menu** with options to modify the view of individual elements ## Tabs Questions are displayed as interactive charts on tabs. Each interactive chart in Protobi is called an "Element." Each top level group or element is its own tab. Create a new tab by pressing the "+" sign. <img src="/uploads/upload/image/5200/direct/1580492645033-Navigation%203%20loop1.gif" style="text-align: center; width: 1000px;" class="fr-fic fr-dib"> ### Interactive elements Each element has an icon represented by a circle. When you see a square instead of a circle, it means that it's a *set* of elements. In Protobi, a set of elements is called a group. We often refer to groups as "parents" and their elements as "children." ## <img src="/uploads/upload/image/5200/direct/1580496351200-1580496351200.png" alt="Section 1 showing Q1 with blue bars displaying percentages for prescription ranges (67.0% for "1 to 10", 16.0% for "11 to 20") and Q2 with magenta arrows showing therapy percentages (Product D at 36.0%, Product B at 26.4%) with "Compact to Mean" note." style="text-align: center;" class="fr-fic fr-dib"> #### Select elements When you press once on the header or name of an element you select that element. To deselect the element, press on it again. <img src="/uploads/upload/image/5200/direct/1582204637308-Select_deselect%20elements%20.gif" style="text-align: center; width: 1000px;" class="fr-fic fr-dib"> An alternative is to press on the element's context menu icon, and choose "Select". <img src="/uploads%2Fupload%2Fimage%2F5200%2Fdirect%2F1610994277825-1610994277825.png" alt="Q1 context menu dropdown displaying options including "Select", "Copy as text/html", "Copy as image", followed by data manipulation options like "Round by..." (E B), "Statistics..." (E S), "Color..." (E O), "Format..." (E F), "Recode..." (E R), "Filters..." (E I), and editing options "Chart type..." (E H), "Edit properties..." (E M), "Edit JSON..." (E J). A partial bar chart showing percentages (5%, 68%, 15%, etc.) is visible on the right." style="width: 312px;" class="fr-fic fr-dib"> ## Tree Questions are organized conceptually into a tree on the left. The tree is a useful navigation tool: - Expand/ collapse groups within the tree - Filter from the search bar to find an element - Double press to go to a specific element ### Expand and collapse groups Press the triangles next to the search bar to expand/ collapse all top level groups. You can also press on the element icon (square) to expand/collapse groups individually. <img src="/uploads/upload/image/5200/direct/1580505549661-redone2.gif" style="text-align: center; width: 231px;" class="fr-fic fr-dib"> ### Go to an element You can filter for an element using the search bar, and pan the view to a specific element by double pressing an an element's name. <img src="/uploads/upload/image/5200/direct/1580488994631-navigation%201.gif" style="text-align: center; width: 1000px;" class="fr-fic fr-dib"> ## Toolbar <img src="/uploads/upload/image/5200/direct/1582205077973-1582205077973.png" alt="Horizontal toolbar containing light blue buttons "Global", "Clear", "Set base", "#/%", "Format", "[NA]", "Crosstab", "Scenarios", and "Export", with white "N=100" button showing sample size and green "Save" button at the right end." style="text-align: center;" class="fr-fic fr-dib"> The toolbar houses some key Protobi functions that are fundamental to modifying your project view. The default view of the toolbar is at the top of the page. If you're an admin, you can change toolbar position in [project properties](/admin-access/project-properties). A few basic functions to take note of: - The N= button indicates the current sample size - The export button lets you download data from the project - Select the element(s), then press the export button to choose a download format - The save button lets you save changes to the project The function of other buttons are further analyzed in subsequent tutorials. See our [shortcuts cheat sheet](/new-to-protobi/shortcuts-cheat-sheet) for brief descriptions of every button. ## Editor panel The [Editor Panel](/new-to-protobi/editorpanel) is accessible from every element by pressing on the gear on the right side of the header. This feature has many different dialogs into one editor. <img src="https://mail.google.com/mail/u/0?ui=2&ik=e1e8209f75&attid=0.1&permmsgid=msg-a:r-2738258051391705104&th=1836bdbad68d9e21&view=fimg&fur=ip&sz=s0-l75-ft&attbid=ANGjdJ9Mk6RDfCrQ1-0icl98ZBAGWcxiAIfZFmAo9P4Ztw6sfkV5hgOTeC7ApVYx4ahKcJClVf8nETiH-WiqktEPV3dC7wxHHswiimZcm_lWCgvIfb_CENMfqaHnZ2A&disp=emb&realattid=ii_l8evnvb00" style="width: 1000px;" class="fr-fic fr-dib"> Open the editor panel on any element, and press on the different dialog headers to expand the options. <img src="/uploads/upload/image/5200/direct/1663959552247-ezgif.com-gif-maker.gif" width="800px" style="width: 800px;" class="fr-fic fr-dii"> ## Context menu Each element also has a context menu-- whichever menu item you press will take you to that dialog within our new Editor panel. If you want to access any of the old dialogs, use the keyboard shortcuts. <img src="/uploads/upload/image/5200/direct/1580493550963-navigation%204%20loop1.gif" style="text-align: center; width: 1000px;" class="fr-fic fr-dib"> Context menus are also accessible from the tree. Press the "..." next to an element or group. <img src="/uploads/upload/image/5200/direct/1582202976578-Context%20menu%20from%20the%20Tree.gif" style="text-align: center; width: 197px;" class="fr-fic fr-dib"> For compacted groups, you can access the context menus of child elements by **right** clicking on the respective triangle to the left. Or you can access the context menu from the tree (seen above). <img src="/uploads/upload/image/5200/direct/1584113563739-How%20to%20access%20context%20menus%20for%20a%20compacted%20element.gif" style="text-align: center; width: 1000px;" class="fr-fic fr-dib"> Press links for detailed tutorials: - [Properties](/edit-access/element-properties) - [Chart type](/charts/charttypes) - [Compact to](/edit-access/compact-to) - [Statistics](/edit-access/summary-statistics) - [Format](/edit-access/formatting) - [Round by](http://help.protobi.com/editaccess/bin-numeric-values#%22Round%20by...%22%20dialogue-0) - [Colors](/edit-access/colors) - [Filters](/edit-access/element-filters) - [Calculate/Transform](/intermediate-editor/transform) - [More properties](http://help.protobi.com/en_US/charts/charttypes#More%20properties-22) - [Recode](/edit-access/simple-open-end-recoding) - [Edit JSON](/intermediate-editor/edit-json) ## Questions? In your project there is a blue question mark in the upper right corner. Press on the icon to bring up the question form. Inquiries sent this way notify the support team of which project the question was sent from. Alternatively, you can email [support@protobi.com](mailto:support@protobi.com). If you have an open support ticket about the same project, we recommend users reply to the original support ticket. <img src="/uploads/upload/image/5200/direct/1664816785271-1664816785271.png" alt="Complete Protobi workspace displaying left sidebar with expandable tree (Screener, Report, Leaders, Question Types, etc.), top toolbar with Global/N=100/Clear/Set base buttons, center area with Report tabs and visualizations including a pie chart labeled "Sample overview" and a horizontal bar chart "Q7 coded by S1", plus right-side Questions panel with support information." style="width: 1000px;" class="fr-fic fr-dib">
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