Working with Screenshots on Applanga

How to work with Screenshots on Applanga

This article will show users how to work with screenshots in Applanga. Users will be able to access uploaded screenshots, navigate through screens and tagged strings, find specific screens as well as reorganize screens. To learn how to upload new or edit existing screenshots manually see the Uploading & Editing Screenshots documentation


Table of Contents

  1. How to Access Screenshots in Applanga
  2. How to Work with Screenshots in Applanga
  3. How to Use the Screens Side-Menu
  4. Additional Screenshot Options

How to Access Screenshots in Applanga

  • Via the Screens list in the sidebar - Click the Screens button on side menu, then select the specific screen for viewing (This view will show all strings associated with a screen)
  • Via the Screen preview thumbnails - Click the screen thumbnail next to the string in the String Management Interface (This view will display the screen associated with that string or, if there is more than one, all screens associated with a specific string in the Screen Tab overview)
  • Via the Tag - Click the tag associated with the string in the String Management Interface (If there is a screen associated with the Tag, this view will show all strings associated with a screen)
  • Via the Tag list - Click the Tag button on the side menu. Tags with screenshots will have a preview thumbnail. The Tag list can be filtered to show only those Tags with a screenshot (This view will show all strings associated with a screen)

Back to Top


How to Work with Screenshots

There are 2 different modes to access screenshots uploaded to Applanga: All Strings and Per Screen. The user can switch between those modes at any time using the toggle in the sidebar which is visible when the in-context view is opened.

Mode 1 - All Strings

Access Screens for a given String Selectively

The All Strings mode makes it easy to access any screenshots associated with a particular string at any point in the workflow. It’s ideal for accessing screenshots for a specific subset of your strings e.g. when a filter or search is applied.

With this mode, screenshots can be accessed at any point while working on the content in the editor. While the Per Screen mode will filter the list to only show those strings associated with a given Screen, in the All Strings mode whichever filter, search, or scroll position is currently applied will remain as is.

This mode is active by default if a screenshot is accessed through the screenshot preview thumbnails in the editor next to the string.

Multiple/Stacked Thumbnails and the Screens Tab View

If there is more than one screenshots associated with a string, this will be represented by a stack of thumbnails. Instead of opening the screenshot in the in-context view directly, clicking on stacked thumbnails will open the Screens Tab view first. This view shows all available screenshots associated with a string. From this view, an individual screen can be selected to display in the in-context view as usual.

  1. Click on a stacked screen thumbnail
  2. Switch between the available screens by selecting any of the available numbered boxes in the bottom
  3. Click the Tabs icon in the bottom, right-hand corner to navigate the Tabs view that shows a preview of all screens associated with the selected string
  4. Optional: Use the Language toggle to view the source language variant of the screenshot or any other language variant via the dropdown (if available)

Mode 2 - Per Screen

This way of accessing and navigating between Screens is best used for a holistic linguistic review process. The Screens can be ordered in the same sequence they appear in the app itself, thereby allowing reviewers to mimic the user journey through the app.

If the in-context view is opened and this mode is selected, the list of strings visible in the editor on the right, next to the screen, will be filtered to only show those strings associated with the selected Screen. The “Previous” and “Next” buttons found in the footer of the in-context view are only visible in Per Screen mode.

This mode is active by default if a screenshot is accessed through the Screens list or by clicking on a Tag in the editor.

  1. Click the Screens button on the side-menu to access the Screens list
  2. Click on one of the Screens in the list - this will be the starting point for sequential navigation
  3. Use the navigation arrows at the bottom of the screen to move to the Next or Previous screens
  4. Optional: Use the Language toggle to view the source language variant of the screenshot or any other language variant via the dropdown (if available)

Limit Screen-by-Screen Review to Specific Screens

The Screens list also corresponds to any filter applied to the overall Strings list e.g. if a user filters for Needs Review, only the Screens with strings in the Needs Review state will display in the list and in the Prev and Next navigation. The filtered Screens lists is especially helpful in a scenario with multiple rounds of screenshot review. It ensures that reviewers are pointed direclty to just a specific subset of Screens.

Back to Top


How to Use the Screens Side Menu

  1. Details basic screenshot information. Details include:

    • Language: which language the screenshot is in
    • Version: which version of the app the screenshot was taken from
    • Device: which device the screenshot was taken on e.g. an iPhone
    • OS: from which operating system the screenshot was taken e.g. Mac OS
    • Resolution: the resolution of the screenshot
    • Created: the date and time the screenshot was created
  2. Variants the different screens options for different variants e.g. iOS versus Android screens. These fields are similar to those found in details.

  3. Edit Variants edit the screentshot variant, including the name, strings, etc

  4. Upload Variants upload another variant of the screenshot

  5. All Strings/Per Screen toggle to switch between all strings in a project (All Strings) and the strings per screen (Per Screen)

  6. Full Screen full screen, fit to width or height

Back to Top


Additional Screenshot Options

How to Find Specific Screens

  1. Click the Screens button on the side-menu
  2. Use the search bar or Filter in the Screens menu to find specific screens (this search will resturn screens with the search value in the screen name)

How to Reorganize Screens

  1. Click the Screens button on the left-hand menu
  2. Use the arrows to drag the screen to the correct spot (This will change the order in which screens appear when navigating through strings sequentially)

Back to Top