Editing Quick Guide Content

Each page of the quick guide is made up of elements, text, and images which can all be edited.

Context

There are a total of eight pages in the quick guide that may be changed. The page elements are configured in the JSON files of the iView, while the text is edited in the .properties files. Images are stored in sprite files that are maintained in the Web Resource Repository (WRR). To locate the quick guide entry in the WRR go to Start of the navigation pathContent Adminstration Next navigation step Web Resource RepositoryEnd of the navigation path, and in the WRR open Start of the navigation pathWeb Resources Next navigation step Application Branding Next navigation step  ~com.sap.portal.navigation.mobile.apps.tutorialEnd of the navigation path.
The JSON files are made up of the following attributes:
Attribute Description
title Represents the title of the displayed UI element, taken from the resource bundle
arrowposition Represents the point of direction for the arrow. Values are set according to number locations a clock face (1-12)
text Represents the main text of the guide, taken from the resource bundle
headertext Represents the header text in the first and last page
helptext Represents the help text that appears in the first and last page
helpiconcssclass Represents the images used in the first and last page
cssclass Represents the images taken from the sprite file
idofuielement Represents the ID of the UI element to highlight in the framework
func Represents the functions on the client side that you can call to enable an action in the framework

Procedure

  1. Navigate to Start of the navigation pathContent Administration Next navigation step Portal Content ManagementEnd of the navigation path.
  2. In the Portal Catalog, open the Start of the navigation pathPortal Users Next navigation step Standard Portal Users Next navigation step Tablet Framework ContentEnd of the navigation path and open the Tablet Framework Page.
  3. Select the Quick Guide row and Open.
  4. In the Properties editor, search for the TabletJsonConfiguration or SmartPhoneJsonConfiguration property file.
  5. Copy the value of the property into any code editor, edit the attributes as needed and paste them back into the Properties editor and close the editor.
  6. In the file system, locate usr\sap\<SID>\<J00>\j2ee\cluster\apps\sap.com\com.sap.portal.navigation.mobile.apps.tutorial\servlet_jsp\com.sap.portal.navigation.mobile.apps.tutorial\root\WEB-INF\classes\tutorial.properties .
  7. Open the file, change the text as needed, and close the file. This step needs to be performed for each language in your system.